Я работаю с CKEditor4.Я использовал плагин divarea в ckeditor4, потому что я не хочу иметь экземпляр ckeditor внутри iframe, я хочу DIV для редактора.Обратите внимание на следующие снимки экрана:
По умолчанию при создании экземпляра ckeditor отображается следующий HTML-код:
![enter image description here](https://i.stack.imgur.com/KmAU3.png)
Можетпо изображению легко увидеть, что iframe создается внутри div "cke_1-contents" , но когда я использовал плагин divarea , тогда div , имеющий класс " cke_wysiwyg_div "создается внутри div" cke_1_contents ", как показано на следующем рисунке
![enter image description here](https://i.stack.imgur.com/Uf89l.png)
Теперь мне каким-то образом удалось создать несколько элементов 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 редактора?