Search code examples
javascriptckeditor

add code for event listener for keypress in ckeditor


I need to add an event listener for keypress after the CKEditor is loaded. The code is something like:

CKEDITOR.instances.editor1.document.on('key', function(event) {
    /* instructions   */
});

Any idea where can I add the code for that? In which file or in what way?


Solution

  • Code to archive it is something like this:

    CKEDITOR.on('instanceCreated', function(e) {
            e.editor.on('contentDom', function() {
                e.editor.document.on('keyup', function(event) {
                    // keyup event in ckeditor
                }
            );
        });
    }); 
    

    Edit - 2014 - Since this answer is still getting some upvotes, i felt it would be fair to point out, that it was meant for CKEditor in version 3.x. With the version 4.x there is a change event, which will trigger not only on key events but also after pasting, undo, redo etc.

    In code its something like this:

    CKEDITOR.on('instanceCreated', function(e) {
        e.editor.on('change', function (event) {
            // change event in CKEditor 4.x
        });
    });