無法捕捉到CKEditor更改事件

Question

我查看了許多線程，但無法找到解決我問題的答案。所以，我定義了一個CKEditor的情況下，像這樣：

var editor = $('#test-editor'); 

editor.ckeditor(function() {}, { 
    customConfig: '../../assets/js/custom/ckeditor_config.js', 
    allowedContent: true 
}); 

但是我不知道我怎麼能趕上change事件。這是我試過的：

var t = editor.ckeditor(function() { 
    this.on('change', function() { 
    console.log("test 1"); 
    }); 
}, { 
    customConfig: '../../assets/js/custom/ckeditor_config.js', 
    allowedContent: true 
}); 

editor.on('change', function() { 
    console.log("test 2"); 
}); 

t.on('change', function() { 
    console.log("test 3"); 
}); 

所有這三次嘗試都以失敗告終。我應該補充一點，我不想循環瀏覽一個頁面上的所有編輯器，我只想解決一個編輯器在#test-editor處渲染的特定編輯器。我怎樣才能做到這一點？

Answer 1

jQuery ckeditor()方法返回一個jQuery對象，該對象僅在其event handling中公開CKEditor的5個事件。爲了使用其他事件，您需要通過訪問jQuery對象的editor屬性來使用CKEditor.editor對象。

所以，你需要使用這樣的事情：

var myeditor = $('#test-editor').ckeditor({ 
    customConfig: '../../assets/js/custom/ckeditor_config.js', 
    allowedContent: true 
}); 
myeditor.editor.on('change', function(evt) { 
    console.log('change detected'); 
});