<xf:if is="is_editor_capable()">
<xf:css src="editor.less" />
<xf:if is="$fullEditorJs">
<xf:js src="vendor/froala/froala-compiled.full.js, xf/editor.js" />
<xf:else />
<xf:js prod="xf/editor-compiled.js" dev="vendor/froala/froala-compiled.js, xf/editor.js" />
</xf:if>
<!--[XF:include_js]-->
<script class="js-editorLanguage" type="application/json">
{
"Align Center": "{{ phrase('align_center')|escape('json') }}",
"Align Left": "{{ phrase('align_left')|escape('json') }}",
"Align Right": "{{ phrase('align_right')|escape('json') }}",
"Align": "{{ phrase('alignment')|escape('json') }}",
"Back": "{{ phrase('back')|escape('json') }}",
"Bold": "{{ phrase('weight_bold')|escape('json') }}",
"By URL": "{{ phrase('by_url')|escape('json') }}",
"Clear Formatting": "{{ phrase('remove_formatting')|escape('json') }}",
"Code": "{{ phrase('code')|escape('json') }}",
"Colors": "{{ phrase('text_color')|escape('json') }}",
"Decrease Indent": "{{ phrase('outdent')|escape('json') }}",
"Delete Draft": "{{ phrase('delete_draft')|escape('json') }}",
"Drafts": "{{ phrase('drafts')|escape('json') }}",
"Drop image": "{{ phrase('drop_image')|escape('json') }}",
"Edit Link": "{{ phrase('edit_link')|escape('json') }}",
"Font Family": "{{ phrase('font_family')|escape('json') }}",
"Font Size": "{{ phrase('font_size')|escape('json') }}",
"Increase Indent": "{{ phrase('indent')|escape('json') }}",
"Inline Code": "{{ phrase('inline_code')|escape('json') }}",
"Insert Image": "{{ phrase('insert_image')|escape('json') }}",
"Insert Link": "{{ phrase('insert_link')|escape('json') }}",
"Insert": "{{ phrase('insert')|escape('json') }}",
"Italic": "{{ phrase('italic')|escape('json') }}",
"List": "{{ phrase('list')|escape('json') }}",
"Loading image": "{{ phrase('loading_image')|escape('json') }}",
"Media": "{{ phrase('media')|escape('json') }}",
"Open Link": "{{ phrase('open_link')|escape('json') }}",
"or click": "{{ phrase('or_click_here')|escape('json') }}",
"Ordered List": "{{ phrase('ordered_list')|escape('json') }}",
"Quote": "{{ phrase('quote')|escape('json') }}",
"Redo": "{{ phrase('redo')|escape('json') }}",
"Remove": "{{ phrase('remove')|escape('json') }}",
"Replace": "{{ phrase('replace')|escape('json') }}",
"Save Draft": "{{ phrase('save_draft')|escape('json') }}",
"Smilies": "{{ phrase('smilies')|escape('json') }}",
"Something went wrong. Please try again.": "{{ phrase('something_went_wrong_please_try_again')|escape('json') }}",
"Spoiler": "{{ phrase('spoiler')|escape('json') }}",
"Strikethrough": "{{ phrase('strike_through')|escape('json') }}",
"Text": "{{ phrase('text')|escape('json') }}",
"Toggle BB Code": "{{ phrase('toggle_bb_code')|escape('json') }}",
"Underline": "{{ phrase('underline')|escape('json') }}",
"Undo": "{{ phrase('undo')|escape('json') }}",
"Unlink": "{{ phrase('unlink')|escape('json') }}",
"Unordered List": "{{ phrase('unordered_list')|escape('json') }}",
"Update": "{{ phrase('update')|escape('json') }}",
"Upload Image": "{{ phrase('upload_image')|escape('json') }}",
"Uploading": "{{ phrase('uploading')|escape('json') }}",
"URL": "{{ phrase('url')|escape('json') }}",
"__lang end__": ""
}
</script>
<script class="js-editorCustom" type="application/json">
{$customIcons|json|raw}
</script>
<textarea name="{$htmlName}"
class="input js-editor u-jsOnly"
data-xf-init="editor"
data-original-name="{$name}"
data-buttons-remove="{$removeButtons|join(',')}"
style="visibility: hidden; height: {{ $height + 37 }}px; {$styleAttr}"
title="{{ phrase('rich_text_box')|for_attr }}"
{$attrsHtml|raw}>{$htmlValue}</textarea>
<xf:comment>37, above, refers to the total height of the editor toolbar</xf:comment>
<input type="hidden" value="{$value}" data-bb-code="{$name}" />
<noscript>
<textarea name="{$name}" class="input" title="{{ phrase('rich_text_box')|for_attr }}">{$value}</textarea>
</noscript>
<xf:else />
<textarea name="{$name}" class="input js-editor" data-xf-init="user-mentioner" title="{{ phrase('rich_text_box')|for_attr }}" {$attrsHtml|raw}>{$value}</textarea>
</xf:if>
<xf:if is="$previewable">
<div class="js-previewContainer"></div>
</xf:if>