<link rel="stylesheet" href="{$ForumAdress}look/ckeditor5/transfonter/stylesheet.css" />
<script type="text/javascript" src="{$ForumAdress}look/ckeditor5/build/ckeditor.js">
<textarea id="text" name="text" contenteditable="true">
{$text}
{$send_text}
{$GetReplyInfo}
{$GetSubjectInfo}
{$prev}
{$quote}
{$Sign}
{template}multi_quote{/template}
</textarea>

<script type='text/javascript'>
let editor;
ClassicEditor
    .create( document.querySelector( '#text' ) )
    .then( newEditor => {
        editor = newEditor;
    } )
    .catch( error => {
        console.error( error );
    } );

// Assuming there is a <button id="submit">Submit</button> in your application.
document.querySelector( '#text' ).addEventListener( 'click', () => {
    const editorData = editor.getData();
    // ...
} );
    </script>
<dd class="smiles-bbcode">
<?php if($PowerBB->_CONF['template']['while']['Custom_bbcodesList']){?>
<fieldset class="pkr-b">
<legend class="pkr-b"><span class="smallfont" dir="rtl">{$lang['custom_bbcodes_mor']} BBcode</span></legend>
{Des::while}{Custom_bbcodesList}
<span class="bbcode_switch">
{if {$Custom_bbcodesList['bbcode_useoption']} == '1'}
<img alt="" src="{$Custom_bbcodesList['bbcode_switch']}" onclick="Custom_bbcodes_option('{$Custom_bbcodesList['bbcode_tag']}');" onmouseover="overIcon(this)" onmouseout="outIcon(this)" title="{$Custom_bbcodesList['bbcode_desc']}" class="editorbutton brd0" />
{else}
<img alt="" src="{$Custom_bbcodesList['bbcode_switch']}" onclick="Custom_bbcodes('{$Custom_bbcodesList['bbcode_tag']}');" title="{$Custom_bbcodesList['bbcode_desc']}" class="editorbutton brd0" />
{/if}
</span>
<script type="text/javascript">
function AddText(text){
editor.model.change( writer => {
var insertPosition = editor.model.document.selection.getFirstPosition();
writer.insertText(text).value += text, insertPosition);
} );

}
function Addthrough(text,filename){
editor.model.change( writer => {
var insertPosition = editor.model.document.selection.getFirstPosition();
writer.insertText(' <a href="'+ text +'" />'+ filename +'</a>', insertPosition);
} );
}
</script>
<script type="text/javascript" src="{$ForumAdress}includes/js/IEprompt.js"></script>
<script type='text/javascript'>

{if {$_CONF['info_row']['content_language']} != 'ar'}
function iePrompt(str){
var settings = "dialogWidth: 290px; dialogHeight: 160px; center: yes; edge: raised; scroll: no; status: no;";
return window.showModalDialog("includes/js/iePrompt_en.htm", str, settings);
}
{else}
function iePrompt(str){
var settings = "dialogWidth: 290px; dialogHeight: 160px; center: yes; edge: raised; scroll: no; status: no;";
return window.showModalDialog("includes/js/iePrompt_ar.htm", str, settings);
}
{/if}
function cbPrompt(str){
try {
if(window.showModalDialog){ return iePrompt(str); }
else { return prompt(str, ""); }
} catch (e) {
return iePrompt(str);
}
}
</script>


<script type='text/javascript'>

function Custom_bbcodes(bbcode_tag){
editor.model.change( writer => {
var insertPosition = editor.model.document.selection.getFirstPosition();
writer.insertText( '['+bbcode_tag+']المحتوى[/'+bbcode_tag+']', insertPosition);
} );
}

function Custom_bbcodes_option(bbcode_tag,option){
var option = cbPrompt(bbcode_tag, '');
if(option){
editor.model.change( writer => {
var insertPosition = editor.model.document.selection.getFirstPosition();
writer.insertText('['+bbcode_tag+'='+option+'][/'+bbcode_tag+']', insertPosition);
} );
}
}
</script>

{/Des::while}
</fieldset>
{/if}
<script type='text/javascript'>
function AddSmileyIcon(text){
editor.model.change( writer => {
var insertPosition = editor.model.document.selection.getFirstPosition();
writer.insertText( text, insertPosition);
} );
}
</script>
<fieldset class="pkr-b">
<legend class="pkr-b">{$lang['smiles']}</legend>
<?php $t=0; ?>
<table class="wd100 brd0 clp0 clpc1">
<tr class="va-t">
{Des::while}{SmileRows}
<?php
if($t== $PowerBB->_CONF['template']['_CONF']['info_row']['smil_columns_number']){
$t=0;
echo "</tr><tr>";
}?>
<td class="wd10">
<a href="javascript:void(0)">
<img src="{$SmileRows['smile_path']}" OnClick="AddSmileyIcon('{$SmileRows['smile_short']}');" alt="{$SmileRows['smile_short']}" onmouseover="overIcon(this)" onmouseout="outIcon(this)" title="{$SmileRows['smile_short']}" class="brd0" />
</a>
</td>
<?php $t=$t+1;?>
{/Des::while}
</tr>
</table>
</fieldset>