{% if field_props.editor %}
<div id="{{ field_name }}_colour_palette" style="display: none;">
	<dl style="clear: left;">
		<dt><label>{{ lang('FONT_COLOR') ~ lang('COLON') }}</label></dt>
		<dd class="color_palette color_palette_placeholder" data-orientation="h" data-height="12" data-width="15" data-bbcode="true"></dd>
	</dl>
</div>

{% EVENT posting_editor_buttons_before %}
<div class="format-buttons">
	<button type="button" class="button button-icon-only bbcode-b" accesskey="b" name="addbbcode0" value=" B " onclick="text_name='{{ field_name }}'; bbstyle(0)" title="{{ lang('BBCODE_B_HELP') }}">
		<i class="icon fa-bold fa-fw" aria-hidden="true"></i>
	</button>
	<button type="button" class="button button-icon-only bbcode-i" accesskey="i" name="addbbcode2" value=" i " onclick="text_name='{{ field_name }}'; bbstyle(2)" title="{{ lang('BBCODE_I_HELP') }}">
		<i class="icon fa-italic fa-fw" aria-hidden="true"></i>
	</button>
	<button type="button" class="button button-icon-only bbcode-u" accesskey="u" name="addbbcode4" value=" u " onclick="text_name='{{ field_name }}'; bbstyle(4)" title="{{ lang('BBCODE_U_HELP') }}">
		<i class="icon fa-underline fa-fw" aria-hidden="true"></i>
	</button>
	{% if S_BBCODE_QUOTE %}
	<button type="button" class="button button-icon-only bbcode-quote" accesskey="q" name="addbbcode6" value="Quote" onclick="text_name='{{ field_name }}'; bbstyle(6)" title="{{ lang('BBCODE_Q_HELP') }}">
		<i class="icon fa-quote-left fa-fw" aria-hidden="true"></i>
	</button>
	{% endif %}
	<button type="button" class="button button-icon-only bbcode-code" accesskey="c" name="addbbcode8" value="Code" onclick="text_name='{{ field_name }}'; bbstyle(8)" title="{{ lang('BBCODE_C_HELP') }}">
		<i class="icon fa-code fa-fw" aria-hidden="true"></i>
	</button>
	<button type="button" class="button button-icon-only bbcode-list" accesskey="l" name="addbbcode10" value="List" onclick="text_name='{{ field_name }}'; bbstyle(10)" title="{{ lang('BBCODE_L_HELP') }}">
		<i class="icon fa-list fa-fw" aria-hidden="true"></i>
	</button>
	<button type="button" class="button button-icon-only bbcode-list-" accesskey="o" name="addbbcode12" value="List=" onclick="text_name='{{ field_name }}'; bbstyle(12)" title="{{ lang('BBCODE_O_HELP') }}">
		<i class="icon fa-list-ol fa-fw" aria-hidden="true"></i>
	</button>
	<button type="button" class="button button-icon-only bbcode-asterisk" accesskey="y" name="addlistitem" value="[*]" onclick="text_name='{{ field_name }}'; bbstyle(-1)" title="{{ lang('BBCODE_LISTITEM_HELP') }}">
		<i class="icon fa-asterisk fa-fw" aria-hidden="true"></i>
	</button>
	{% if S_BBCODE_IMG %}
	<button type="button" class="button button-icon-only bbcode-img" accesskey="p" name="addbbcode14" value="Img" onclick="text_name='{{ field_name }}'; bbstyle(14)" title="{{ lang('BBCODE_P_HELP') }}">
		<i class="icon fa-image fa-fw" aria-hidden="true"></i>
	</button>
	{% endif %}
	{% if S_LINKS_ALLOWED %}
	<button type="button" class="button button-icon-only bbcode-url" accesskey="w" name="addbbcode16" value="URL" onclick="text_name='{{ field_name }}'; bbstyle(16)" title="{{ lang('BBCODE_W_HELP') }}">
		<i class="icon fa-link fa-fw" aria-hidden="true"></i>
	</button>
	{% endif %}
	{% if S_BBCODE_FLASH %}
	<button type="button" class="button button-icon-only bbcode-flash" accesskey="d" name="addbbcode18" value="Flash" onclick="text_name='{{ field_name }}'; bbstyle(18)" title="{{ lang('BBCODE_D_HELP') }}">
		<i class="icon fa-flash fa-fw" aria-hidden="true"></i>
	</button>
	{% endif %}
	<button type="button" class="button button-icon-only bbcode-color" name="bbpalette" id="{{ field_name }}_bbpalette" value="{{ lang('FONT_COLOR') }}" onclick="text_name='{{ field_name }}'; change_palette('{{ field_name }}');" title="{{ lang('BBCODE_S_HELP') }}">
		<i class="icon fa-tint fa-fw" aria-hidden="true"></i>
	</button>
	<select name="{{ field_name }}_addbbcode20" class="bbcode-size" onchange="text_name='{{ field_name }}'; bbfontstyle('[size=' + this.form.{{ field_name }}_addbbcode20.options[this.form.{{ field_name }}_addbbcode20.selectedIndex].value + ']', '[/size]');this.form.{{ field_name }}_addbbcode20.selectedIndex = 2;" title="{{ lang('BBCODE_F_HELP') }}">
		<option value="50">{{ lang('FONT_TINY') }}</option>
		<option value="85">{{ lang('FONT_SMALL') }}</option>
		<option value="100" selected="selected">{{ lang('FONT_NORMAL') }}</option>
		{% if not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 %}
		<option value="150">{{ lang('FONT_LARGE') }}</option>
		{% if not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 %}
		<option value="200">{{ lang('FONT_HUGE') }}</option>
		{% endif %}
		{% endif %}
	</select>

	{% EVENT posting_editor_buttons_custom_tags_before %}

	{% for custom_tags in loops.custom_tags %}
	<button type="button" class="button button-secondary bbcode-{{ custom_tags.BBCODE_TAG_CLEAN }}" name="addbbcode{{ custom_tags.BBCODE_ID }}" value="{{ custom_tags.BBCODE_TAG }}" onclick="text_name='{{ field_name }}'; bbstyle({{ custom_tags.BBCODE_ID }})" title="{{ custom_tags.BBCODE_HELPLINE }}">
		{{ custom_tags.BBCODE_TAG }}
	</button>
	{% endfor %}
</div>
{% EVENT posting_editor_buttons_after %}
{% endif %}
<textarea id="smc-{{ field_name }}" class="inputbox" name="{{ field_name }}" rows="{{ field_props.size === 'large' ? 15 : 5 }}" maxlength="{{ field_props.maxlength }}"{% if field_props.editor %} onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" data-bbcode="true"{% endif %}>{{ field_value }}</textarea>
{% if field_props.size === 'large' %}<p class="small">{{ lang('TEXTAREA_TIPS') }}</p>{% endif %}