CKEditor's click event not firing

Question

I am using CKEditor 4.4.3 and trying to listen to an editor\'s click event:

editor.on(\'click\', function (e) {
      console.log(\'click event from attachin         


        

Answer 1

Correct way of attaching listeners to the editable element in CKEditor:

editor.on( 'contentDom', function() {
    var editable = editor.editable();
    editable.attachListener( editable, 'click', function() {
        // ...
    } );
} );

Read more about the reasons why contentDom event has to be used instead of e.g. instanceReady in editable.attachListener documentation.

Answer 2

Use attach the event handler to the editor's editable. This needs to be done after the editor is ready:

editor.on('instanceReady', function (e) {
    editor.editable().on('click', function (event) {
        console.log('clicked');
    });
});

Fiddle: http://jsfiddle.net/8fZpz/