Как определить, загружен ли CKEditor?

Question

Как узнать, загружен ли CKEditor?Я просмотрел документы API, но смог найти только загруженное событие.Я хочу проверить, загружен ли 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, но смог найти только загруженное событие.

Я не знаю, существует ли конкретное свойство для этого - возможно! - но вы можете использовать загруженное событие, чтобы установить глобальный флаг. Это не очень хорошо, но сделаю работу.

// 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

//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' );

Answer 6

Надеюсь, это кому-нибудь поможет.

Я также загружаю фрагмент страницы с функциональностью CKEDITOR через AJAX, и поэтому у меня возникли многие проблемы, описанные в этом вопросе.Это мое решение:

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 для этого фрагмента я вставляю элемент script в голову с помощью вызова setCk (textareaId).Хитрость заключается в том, чтобы уничтожить все предыдущие экземпляры CKEDITOR для идентификатора цели и повторно инициализировать CKEDITOR после каждой загрузки фрагмента AJAX.

Answer 7

Я знаю, что это очень старый пост, но в моем исследовании он продолжал появляться Я динамически загружаю CKEditor через jQuery. Как вы узнали, я не хотел загружать его несколько раз с тех пор, как все началось

Простое решение:

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