ckeditor - 在 Jquery UI Dialog 中重用 CKEditor 的实例

Question

首先，我在网页中创建了一个名为“richEditor”的 CKEditor 实例。其次，在单击按钮时，我正在进行 ajax 调用，它返回 html 数据，并在 jquery UI 对话框中显示它。然后我复制网页中已经存在的“richEditor”实例的 HTML 并将其粘贴到 div 中对话。但是重用的“richEditor”实例不起作用。在编辑器中单击任何按钮都会引发 javascript 错误，并且文本区域和源文本区域都不可编辑。

任何帮助或想法都非常感谢。

Answer 1

您基本上不能复制编辑器的 HTML 并重用它。首先，实例的 DOM 结构与驱动编辑器的 JS 代码紧密相连（反之亦然）。它比普通的 HTML 要深得多。第二个原因是您使用的编辑器是基于 的iframe，无法复制保留其内容。

换句话说：您必须创建编辑器的另一个实例才能在其他地方运行它。请参阅官方指南和 API 文档以了解更多关于CKEDITOR.replace()、CKEDITOR.appendTo()和CKEDITOR.destroy()的信息。