在动态生成的 DOM 上 deinit/reinit tinyMCE

Question

我有一个 SPA，它通过 AJAX 动态加载路由并从输出生成 DOM。渲染后，tinymce 会被初始化为适当的元素。

问题是这个tinymce 只在实际页面加载时初始化。

我如何让tinymce 在动态重新加载 DOM 时重新初始化？

我尝试在适当的触发器上使用mceRemoveEditor 和mceAddEditor，但它没有效果并且没有报告错误。

Answer 1

解决方案：

在任何已初始化的元素上卸载tinymce在卸载当前包含tinymce元素的DOM。

if (typeof tinymce != 'undefined' && tinymce != null) {
        tinymce.remove([selector]);
}

然后你可以在加载新路由并生成新的 DOM 元素后运行tinymce.init()。