如何判断CKEditor是否已加载？

Question

如何确定 CKEditor 是否已加载？我查看了API文档，但只能找到loaded事件。我想检查 CKEditor 是否已加载，因为如果我第二次加载它，我的文本区域就会消失。

Answer 1

loaded 事件对我不起作用。 instanceReady 有效：

CKEDitor_loaded = false;

CKEDITOR.on('instanceReady', function(){ CKEditor_loaded = true; }); 

Answer 2

var waitCKEDITOR = setInterval(function() {
    if (window.CKEDITOR) {
       clearInterval(waitCKEDITOR);
       //CKEDITOR.replace(...);
    }
}, 100/*milli*/);

Answer 3

我查看了API文档，但只能找到loaded事件。

我不知道是否存在这样的特定属性 - 可能有！ - 但您可以使用已加载事件来设置全局标志。这不是很好，但可以完成工作。

// At the top of the script
CKEDitor_loaded = false;

// then later
CKEDITOR.on('loaded', function(){ CKEditor_loaded = true; });

您还可以考虑在 CKEDITOR 中设置一些内容，而不是全局变量：

CKEDITOR.flag_loaded = true;

这会更干净一些。

Answer 4

如果实例未准备好，则文本集将被丢弃

在 CkEditor 初始化（此处为版本 4）时，在编辑器准备好处理数据之前，您不应该设置任何数据。

// Initialize this._editor with replace

if (this._editor.status !== "ready") {
    this._editor.on("instanceReady",
        event => {
            event.editor.setData(data);
        });
} else {
    this._editor.setData(data);
}

Answer 5

希望这对某人有帮助。

我还通过 AJAX 加载具有 CKEDITOR 功能的页面片段，因此我遇到了这个问题中概述的许多问题。这是我的解决方案：

function setCk(id){
if(window.CKEDITOR){
    var _instId = CKEDITOR.instances[id];
    if(_instId == undefined){
        CKEDITOR.inline(id);
    }else{
        CKEDITOR.instances[id].destroy();
        CKEDITOR.inline(id);
    }
}

}

在此片段的每个 AJAX 响应中，我通过调用 setCk(textareaId) 将脚本元素注入到头部。诀窍是销毁目标 ID 和目标 ID 的任何先前的 CKEDITOR 实例。每次加载 AJAX 片段后重新初始化 CKEDITOR。

Answer 6

我知道这是一篇非常古老的文章，但在我的研究中它不断出现。我通过 jQuery 动态加载 CKEditor。正如您发现的那样，自从事情开始发生以来，我不想多次加载它。

简单的解决方案：

if (!window.CKEDITOR) {
    // (not loaded yet, your code to load it)
}

Answer 7

//creating instance of ck-editor
var yourInstance = CKEDITOR.instances.yourContainer;
//check instance of your ck-editor 
if(yourInstance){
      //destroy instance
      yourInstance .destroy(true); 
}
// create instance again
CKEDITOR.replace( 'yourContainer' );