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"); 
}); 

これらの3つの試みはすべて失敗に終わりました。私は、ページ上のすべてのエディタをループしたくないということを追加する必要があります。コンポーネントにレンダリングされた特定のエディタを#test-editorとするだけです。どうやってやるの？

Answer 1

jQuery ckeditor()メソッドは、event handlingにCKEditorの5つのイベントだけを公開するjQueryオブジェクトを返します。他のイベントを使用するには、CKEditor.editorオブジェクトを、jQueryオブジェクトの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'); 
});