Событие Ckeditor не запускает динамически созданные div - PullRequest
0 голосов
/ 19 декабря 2018

Я работаю с CKEditor4.Я использовал плагин divarea в ckeditor4, потому что я не хочу иметь экземпляр ckeditor внутри iframe, я хочу DIV для редактора.Обратите внимание на следующие снимки экрана:

По умолчанию при создании экземпляра ckeditor отображается следующий HTML-код:

enter image description here

Можетпо изображению легко увидеть, что iframe создается внутри div "cke_1-contents" , но когда я использовал плагин divarea , тогда div , имеющий класс " cke_wysiwyg_div "создается внутри div" cke_1_contents ", как показано на следующем рисунке

enter image description here

Теперь мне каким-то образом удалось создать несколько элементов div класса = "cke_wysiwyg_div" с помощью javascript / jquery, что означает, что HTML теперь:

<div id="cke_1_contents" class="cke_contents cke_reset" role="presentation" style="height: 700px;">
       <div class="cke_wysiwyg_div cke_reset cke_enable_context_menu cke_editable cke_editable_themed cke_contents_ltr cke_show_borders" hidefocus="true" tabindex="0" spellcheck="false" style="position: relative;" role="textbox" aria-multiline="true" aria-label="Rich Text Editor, editor1" title="Rich Text Editor, editor1" aria-describedby="cke_61" contenteditable="true"><p>my div</p>
       </div>
       <div class="cke_wysiwyg_div cke_reset cke_enable_context_menu cke_editable cke_editable_themed cke_contents_ltr cke_show_borders" hidefocus="true" tabindex="0" spellcheck="false" style="position: relative;" role="textbox" aria-multiline="true" aria-label="Rich Text Editor, editor1" title="Rich Text Editor, editor1" aria-describedby="cke_61" contenteditable="true"><p>my div</p>
       </div>
       <div class="cke_wysiwyg_div cke_reset cke_enable_context_menu cke_editable cke_editable_themed cke_contents_ltr cke_show_borders" hidefocus="true" tabindex="0" spellcheck="false" style="position: relative;" role="textbox" aria-multiline="true" aria-label="Rich Text Editor, editor1" title="Rich Text Editor, editor1" aria-describedby="cke_61" contenteditable="true"><p>my div</p>
       </div>
        <span id="cke_61" class="cke_voice_label">Press ALT 0 for help</span>
</div>

Согласно приведенному выше html, в div есть три элемента div "cke_1_contents».Когда я использовал событие изменения ckeditor, как показано ниже:

CKEDITOR.instances.editor1.on('change', function() {
       // some code here
});

событие изменения срабатывает только для первого div, оно не срабатывает для других динамически создаваемых div (второго и третьего div).Как я могу этого достичь?Есть ли способ вызвать событие change на других копиях div редактора?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...