编辑内联TinyMCE后关闭Fancybox会产生WRONG_DOCUMENT_ERR：DOM异常4

Question

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

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

Firefox中会产生类似的错误。我理解这个错误与尝试从不同元素操作DOM节点有关。我怀疑这是因为DOM树与Finybox在向TinyMCE添加元素后尝试关闭的树不匹配（添加图像，列表项等导致它）。

之前是否有人处理过类似问题？

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('');
    }
});

希望它有所帮助！