Ereignis für ckeditor-Inhalt geändert

Wie können wir nach Möglichkeit darauf reagieren, wenn sich Inhalte von ckeditor ändern? Zum Beispiel ist bereits Text in den Inhalt des Ckeditors, auch bekannt als Textarea, eingefügt, wenn die Seite geöffnet wird. Danach tippe ich etwas mehr oder lösche einen Teil dieses Textes. Gibt es ein Ereignis, das ich auslösen kann, um eine Variable zu ändern, wenn der Text geändert wird?

Ich habe dies für normale Textareas:

$("input,textarea").on("input", function () {
    booleanvar= true;
});

Ich habe irgendwo eine mögliche Lösung gesehen, die Folgendes hatte:

$('.ckeditor').ckeditorGet().on('key', function (e) {
    //some code
});

Habe es versucht, hat aber nicht funktioniert. Und ja, ich weiß, dass der Textbereich meines Ckeditors “ckeditor” als Klasse hat, das ist also nicht der Grund dafür, dass es nicht funktioniert.

So etwas wie diese Beispiele kann ich verwenden, um zu einer Art Textänderungsereignis von ckeditor zu gelangen?

Ja, das ist sehr praktisch change auch das kann man sich anhören. Dokumentation hier: http://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-change

Verwenden Sie es zum Beispiel so (ändern Sie editor1 in Ihre Editor-Instanz):

CKEDITOR.instances.editor1.on('change', function() { 
    console.log("TEST");
});

Ich hoffe, das könnte jemand anderem helfen, der wie ich auf diesen Beitrag stößt. Wenn Sie CKEditor5 verwenden, können Sie Folgendes versuchen:

ClassicEditor.create(document.querySelector('#editor'))
.then(editor => {
    editor.model.document.on('change:data', (evt, data) => {
        console.log(editor.getData());
    });
})
.catch(error => {
    console.error('Editor initialization error.', error);
});

Es hilft mir sehr, für den Wechsel von CKEDITOR.

<textarea id="ckeditor_textarea " name="ckeditor_textarea ">Add Yore Data</textarea>

<script type="text/javascript">
var editor = CKEDITOR.replace( 'ckeditor_textarea ', {});
// editor is object of your CKEDITOR
editor.on('change',function(){
    console.log("test");
});
</script>

Wenn Sie viel Ckeditor (Version 4) auf einer Seite haben, können Sie diesen Code verwenden:

CKEDITOR.on('instanceCreated', function(event) {
 var editor = event.editor,
 element = editor.element;
 editor.on('change', function() {
 console.log(element.getId());
 });
 });

Einfache jQuery-Ereignisbindung für CKEditor4

$.fn.onDataChange = function (func) {
    var func = func || function () { };
    CKEDITOR.instances[$(this).attr('id')].on('change', function () {
        func();
    });
}