编辑内联 TinyMCE 后关闭 Fancybox 会产生 WRONG_DOCUMENT_ERR: DOM Exception 4

Question

我有一个 fancybox，它加载一个收集用户输入的表单。这种形式是一个tinyMCE编辑器。我使用 Fancybox 的 onComplete 事件来初始化编辑器，一切正常，直到您在 TinyMCE 中进行任何重要编辑后尝试关闭 Fancybox。无论您点击关闭X，还是让ajaxForm在提交时调用fancybox close方法，都没有关系。

fancybox 关闭，但在删除阴影覆盖之前挂在循环控制台中记录“WRONG_DOCUMENT_ERR：DOM 异常 4”。我尝试禁用叠加层，但没有任何区别。该页面仍然因循环错误而挂起。

Firefox 中也会产生类似的错误。我知道这个错误与尝试从不同元素操作 DOM 节点有关。我怀疑这是因为 DOM 树与向 TinyMCE 添加元素后尝试关闭的 Fancybox 不匹配（添加图像、列表项等会导致这种情况）。

以前有人处理过类似的问题吗？

Answer 1

我做了一些谷歌搜索但没有找到解决方案，所以经过一些测试后我找到了这个解决方案。

尝试 fancybox 选项中的 onCleanup 命令：

$.fancybox(data_html,{
    onComplete:function(){
        //init tinymce in your form here                
    },
    onCleanup:function(){
        // remove tinymce and all html in your form just 
        // before closing the modal window
        $('#your_form').html('');
    }
});

希望有帮助！