无法捕捉到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'); 
});