jQuery 模态窗口中的 TinyMCE 4

Question

我正在一个 jQuery 模式对话框中加载 TinyMCE 富文本编辑器。问题是如果我在加载窗口时进行初始化，那么对齐不正确。如果我在模态窗口打开函数中初始化它工作正常。但问题是当模态窗口第二次打开时，它又被初始化了。所以我可以看到两个编辑器。

TinyMCE 3.X 中的 executeCommand 在 4.X 中无法在关闭模式窗口时破坏编辑器。我想知道如何卸载 TinyMCE 编辑器或如何检测 TinyMCE 编辑器是否已加载，以便我可以跳过第二次加载。

//tinymce.execCommand('mceRemoveControl',true,'content'); - I used with TinyMCE 3.X to unload

感谢您的回答。

Answer 1

我自己通过 JS 控制台找到了答案。

tinyMCE.editors[0].editorManager.remove()

如果加载了多个编辑器，则通过编辑器数组进行卸载循环并检查 id 属性以找到要删除的确切编辑器实例。

Answer 2

您需要使用类或 ID 指定要删除的 tinymce 实例：

tinymce.editors[$(".editable").attr('id')].execCommand('mceRemoveControl', false, $(".editable"));
tinymce.editors["editor"].execCommand('mceRemoveControl', false, $("#editor"));