要捕捉在稍微修改过的CKEditor上的编辑事件,你可以使用CKEditor的事件监听器。以下是一个示例代码,它演示了如何在修改过的CKEditor上捕捉编辑事件:
HTML代码:
JavaScript代码:
// 创建并初始化CKEditor
ClassicEditor
.create(document.querySelector('#editor'))
.then(editor => {
// 添加编辑事件的监听器
editor.model.document.on('change:data', () => {
// 编辑事件发生时的操作
console.log('编辑事件发生了');
});
})
.catch(error => {
console.error(error);
});
在上述代码中,我们首先创建并初始化了CKEditor,然后通过then()
方法获取到编辑器实例。接下来,我们使用editor.model.document.on()
方法来添加一个名为change:data
的事件监听器。当编辑器的数据发生变化时,该事件将被触发。
在事件监听器中,你可以定义在编辑事件发生时要执行的操作。在上面的示例中,我们简单地在控制台上输出了一条日志消息。
请注意,上述代码中的ClassicEditor.create()
方法是CKEditor 5的初始化代码。如果你使用的是CKEditor 4,初始化代码将会有所不同。
希望以上代码能够帮助到你!如果有任何问题,请随时提问。