如何在更改事件上检测CKEditor源模式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在更改事件上检测CKEditor源模式相关的知识,希望对你有一定的参考价值。

在CKEditor中,我知道在“正常模式”下,我们可以使用以下代码检测任何内容更改:

ckeditor.on('change',function(e){
  console.log("ckeditor on change");
});

但是,如果我切换到源模式,事件不会触发。

如何检测源视图的on change事件?

答案

“key”事件不会使用“change”事件,而是触发源视图。

感谢Kicker的暗示

另一答案

The CKEditor 4 documentation告诉我们不会在源模式下触发更改事件。

文档中的示例为我工作。它将侦听器绑定到mode事件。当模式改变时,这就被激发了。当它更改为源时,将侦听器附加到编辑器。

editor.on('mode', function() {
    if (this.mode === 'source') {
        var editable = editor.editable();
        editable.attachListener(editable, 'input', function() {
            // Handle changes made in the source mode.
        });
    }
});

以上是关于如何在更改事件上检测CKEditor源模式的主要内容,如果未能解决你的问题,请参考以下文章

ckeditor - 在源模式下禁用ENTER键

CKEditor 5 - 如何插入一些 HTML(又名源模式在哪里)?

如何在 UWP 应用程序中异步检测网络更改事件

监听 CKEditor 5 中内容更改时触发的事件

如何更改CKEditor的编辑器大小?

如何使用事件侦听器来加载动画片段的循环