完全重新加载 TinyMCE

Question

我编写 CMS 已经有一段时间了，目前正在对其进行最后的一些修改。其中之一包括使用 ajax 在灯箱样式的窗口中提供tinyMCE 编辑器。

当它加载时，第一次它工作得很好，但是当我第二次或更多次加载时，元素名称会变得混乱，并且它不会发回数据，也不会在 TinyMCE 窗口中显示当前值。当我使用 Chrome 检查该元素时，我可以看到包含之前的 tinyMCE 窗口的跨度仍然存在。

我使用 document.body.removeChild 来删除持有它的 div。有人有什么想法吗？

添加：

当 AJAX 从发出请求返回时（它具有窗口中的所有 html 代码），它会创建一个新的 div 元素并使用 document.body.appendChild 将元素添加到文档并将 html 代码放入 div 标签中。

然后它遍历新代码并搜索该区域中的脚本（其中一个是 MCE 启动器）并将它们附加到头部以便执行它们。

如果用户单击“取消”而不是“保存”，则会使用以下方法删除 div 标签： document.body.removeChild(document.getElementById("popupbox")); 效果很好，

但是当我像前面所说的那样弹出并重新填充，并检查那里的元素时，那里仍然有一个由 TinyMCE 创建的跨度，并且命名已更改（而不是由“内容”标识，它由于某种原因现在是 8）并且编辑器区域中没有内容。

我用过： tinyMCE.execCommand('mceRemoveControl',true,'mce{$Setting['name']}'); tinyMCE.editors[0].destroy();

但它们都不起作用。他们将 tinymce 窗口返回到文本区域，但元素仍然存在。

Answer 1

在移动或删除包含tinymce iframe的html元素之前，按照您所描述的方式删除编辑器（使用正确的tinymce编辑器id）是一个不错的选择。你在哪里加载tinymce.js？如果您使用 ajax 传递它，我认为最好将其加载到父页面上（！）。更多代码会有所帮助。

编辑：我记得有一次我必须删除剩余的跨度的情况。这是我的代码：

        // remove leftover span
        $('div .mceEditor').each(function(item){

            if (typeof $(this).attr('style') !== "undefined" ){
                $(this).removeAttr('style'); // entfernt "style: none";
            }
            else {
                $(this).remove();
            }
        });