CKEditor 的多个实例（在 Safari 中）

Question

我在 JQuery UI 对话框中创建 CKEditor 的多个实例时遇到问题。该对话框通过 AJAX 加载远程表单，因此目标是能够关闭并重新打开该对话框并拥有编辑器的新实例。使用默认选项，重新打开对话框时会出现错误，指出具有该名称的编辑器已存在。所以我尝试了几种销毁编辑器实例的方法，它们都会导致同样的问题。重新加载编辑器时，文本区域显示为 null，并且按钮不起作用。

目前我正在使用这种销毁实例的方法：

var instance = CKEDITOR.instances['test'];
if (instance) { CKEDITOR.remove(CKEDITOR.instances['test']); }

我通过几个可供下载的简单 html 文件重新创建了该问题 在这里。

编辑：我刚刚尝试使用两个具有不同名称的文本区域的远程文件，并且遇到了同样的问题。当一个对话框打开然后关闭时，另一个对话框在打开时具有“空”CKEditor。

另外，显然这只是 Safari 中的问题。

Answer 1

这就是我所做的：

var CKeditors = {};
function loadEditors() {
    var $editors = $("textarea.ckeditor");
    if ($editors.length) {
        $editors.each(function() {
            var editorID = $(this).attr("id");
            if(CKeditors[editorID]){
                CKeditors[editorID].destroy();
                CKeditors[editorID] = null;
            }

            var dst = editorID+'-element';
            var html = '';
            if( $(this).val() ){
                html = $(this).val();
            }
            CKeditors[editorID] = CKEDITOR.appendTo(dst, {}, html);
        });
        $("textarea.ckeditor").hide();
    }
}

function updateCKEditors() {
    for(x in CKeditors){
        $("#"+x).val(CKeditors[x].getData());
    }
}

然后在ajax成功之后

loadEditors()

和表单提交之前（例如使用ajax）：

updateCKEditors()

您需要jQuery才能使其正常工作。这是针对 zend_forms 的，但经过几次更正后也应该可以在正常形式下工作。使用 'dst' 来做到这一点。

Answer 2

这是一个老话题了，但我也遇到了类似的问题。

我使用了上面 activ 的解决方案，效果很好！
CKEDITOR.appendTo 对我来说不起作用，但是通过对 loadEditors 函数的下一个轻微修改，它做到了：

function loadEditors() {
    var $editors = $("textarea.ckeditor");
    if ($editors.length) {
        $editors.each(function() {
            var editorID = $(this).attr("id");
            if(CKeditors[editorID]){
                CKeditors[editorID].destroy();
                CKeditors[editorID] = null;
            }

            var dst = editorID+'-element';
            CKeditors[editorID] = CKEDITOR.replace(dst, {});
        });
    }
}

Answer 3

我做什么：

var instance = CKEDITOR.instances['test'];
instance.destroy();
instance = null;