切换到源模式并返回后，我无法让点击事件在 CKEditor 中工作

Question

我在 CKEdtor 的 iframe 中设置事件处理程序，如下所示：

CKEDITOR.on('instanceReady', function() {
  $('.cke_contents iframe').contents().click(function() {
    alert('Clicked!');
  });
});

它

工作得很好，但是当我单击"源"按钮时，它不再起作用（警报不起作用）。

有人可以帮助我???

Answer 1

请使用

以下代码：

var editor = CKEDITOR.replace( 'editor1', { });
editor.on("pluginsLoaded", function( event ) {
    editor.on( 'contentDom', function( ) {
        var editable = editor.editable();
        editable.attachListener( editable, 'click', function( evt ) {
            console.log('click' );
        }, null, null, 10 );
    } );
} );

如果要在

切换到源模式并返回时保持单击侦听器contentDom则需要使用事件 - https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.editor-event-contentDom。

请注意，您应该将侦听器附加到editable而不是iframe并且您不需要jQuery。