fancybox - CKEditor + Fancybox = 失败？

Question

如果脚本仅在 Fancybox 打开的页面上加载，CKEditor + Fancybox 似乎可以工作。然而，如果父页面已经初始化了 CKEditor，那么任何 Fancybox 打开的带有 CKEditor 的页面将不会立即工作。

每个实例都有一个唯一的 ID。

编辑器出现了，但是内容是空白的，不能点进去。单击 SOURCE 和其他按钮通常会触发全部功能。

我已经尝试将 CKEDITOR.replaceAll(); 添加到 Fancybox afterShow() 回调中，但没有成功。

有人有幸做到这一点吗？

Answer 1

老问题，但仅供引用，因为这个问题在两个模块的当前版本中仍然存在。

我发现解决此问题的最佳方法是仅在短暂超时后才在元素上创建 ckeditor。

所以在这个例子中，.html 页面有一个 id 为“ckeditor-textara”的文本区域。通过延迟一小部分，我可以让我的文本区域更可靠地呈现方式。 (权衡只是 ckeditor 可用性的轻微延迟)

$.fancybox({
            'type' : 'ajax',
            'autoDimensions' : true,
            href : '/scat-porn.html',
            onComplete : function () {
                setTimeout(function() {
                    CKEDITOR.replace( 'ckeditor-textarea',
                    {
                        toolbar : 'Basic',
                        mode : 'wysiwyg'
                    });
                }, 500);
            },
            ...
            });

Fancybox 与 ck 配合不佳；我认为是因为它复制了一堆与 DOM 混淆的 ajax 内容(尽管我没有花太多时间验证这是确切原因)。通过将 ckeditor 延迟到 onComplete 完成之后，事情会好很多。