Event for ckeditor content changed
It helps me a lot, for onchange of 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>
Hope this might help someone else who comes across this post like me.. If you are using CKEditor5, could try this:
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);
});
If you have a lot of ckeditor (version 4) in one page you could use this code:
CKEDITOR.on('instanceCreated', function(event) {
var editor = event.editor,
element = editor.element;
editor.on('change', function() {
console.log(element.getId());
});
});
Yes, there is the very handy change
even that you can listen to. Documentation here: http://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-change
Use it for example like so (change editor1 to your editor instance):
CKEDITOR.instances.editor1.on('change', function() {
console.log("TEST");
});