Повторное использование экземпляра CKEditor в диалоговом окне JQuery UI

Question

Во-первых, я создаю экземпляр CKEditor с именем «richEditor» в веб-странице. Во-вторых, при нажатии кнопки я делаю вызов ajax, который возвращает html-данные и показывает его в диалоговом окне пользовательского интерфейса jQuery. Затем я копирую HTML-код экземпляра «richEditor», уже присутствующий на веб-странице, и вставляя его в div диалог. Но экземпляр «richEditor» повторно не работает. Любой щелчок мыши в редакторе вызывает ошибку JavaScript, и ни текстовая область, ни область исходного текста не редактируются.

Любую помощь или мы очень ценим.

Answer 1

Вы не можете в основном скопировать HTML-редактор и повторно использовать его. Прежде всего, структура DOM экземпляра строго связана с JS-кодом, управляющим редактором (и наоборот). Это намного глубже, чем простой HTML. Вторая причина заключается в том, что используемый вами редактор основан на iframe, который нельзя скопировать, сохраняя его содержимое.

Другими словами: вам нужно создать другой экземпляр редактора, чтобы запустить его в другом месте. Пожалуйста, обратитесь к official guide и документам API, чтобы узнать больше о CKEDITOR.replace(), CKEDITOR.appendTo() и CKEDITOR.destroy().