CODEWITHSUNDEEP
javascriptphpjquerytinymce
Hendry H.
Hendry H.

Reputation: 1520

tinymce 4 how to add event handler

In tinymce 3, it seems that we can do this with : 

// Adds a click handler to the current document
tinymce.dom.Event.add(document, 'click', function(e) {
   console.debug(e.target);
});

What is the syntax in tinymce 4 ?
Need to do it after tinymce initialized.

UPDATE : I tried (still don't work) 

tinymce.bind("description", "keyup", function () {
  console.debug('here');
});

Upvotes: 5

Views: 10694

Answers (3)

Rens
Rens

Reputation: 745

I needed the 'keyup' event to fire. This is how I got it to work:

let editor = tinymce.get("my_textarea_id");
editor.contentDocument.addEventListener('keyup', function (e) { 
   console.debug("keyup");    });

Upvotes: 1

Florian Rachor
Florian Rachor

Reputation: 1574

Just to follow up on this, if anybody stumbles upon this in future. This in the old API:

tinymce.dom.Event.add(document, 'click', function(e) {
 console.debug(e.target);
});

Would now be correctly:

tinymce.DOM.bind(document, 'click', function(e) {
 console.debug(e.target);
});

So if you are getting the "undefined is not a function" error on .add this should solve your problem.

Upvotes: 3

Hendry H.
Hendry H.

Reputation: 1520

This works : 

tinymce.activeEditor.on('keyup', function(e) {
    console.debug("keyup");
});

Upvotes: 9

Related Questions