PerBonomi - Try below updated code. You need to add an event on the active editor.
var ed = tinymce.activeEditor;
ed.on('change', function(e) {
console.log('the event object ', e);
console.log('the editor object ', ed);
console.log('the content ', ed.getContent());
});
PerBonomi- Try below code.
tinyMCE.init({
setup:function(ed) {
ed.on('change', function(e) {
console.log('the event object ', e);
console.log('the editor object ', ed);
console.log('the content ', ed.getContent());
});
}
});
PerBonomi - Try below updated code. You need to add an event on the active editor.
var ed = tinymce.activeEditor;
ed.on('change', function(e) {
console.log('the event object ', e);
console.log('the editor object ', ed);
console.log('the content ', ed.getContent());
});
Looking at the solution now, it's so obvious. Thanks so much!
PS I noticed the 'change' event only fires on blur. If you make it something like 'keyup' it fires immediately.
ed.on('keyup', function(e) { alert('keyup occured'); //console.log('init event', e); console.log('Editor contents was modified. Contents: ' + ed.getContent());
});
EDIT:
Note that keyup won't capture all cases. for example copy/paste/cut from menu and not from keyboard
if you want you can capture those with
ed.on('paste', function(e) { console.debug('paste event'); }); ed.on('cut', function(e) { console.debug('cut event'); })
