Cómo detectar cambios en TinyMCE?

Llego tarde a la fiesta, pero para referencia futura aquí es cómo lo haces en TinyMCE 4.X:

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());
       });
   }
});

Eso funciona para mí:

tinyMCE.init({
    setup : function(ed){
         ed.on('NodeChange', function(e){
             console.log('the event object ' + e);
             console.log('the editor object ' + ed);
             console.log('the content ' + ed.getContent());
         });
    }
});

También

ed.on('SaveContent', function(e) {  

O

ed.on('submit', function(e) {

Encontrado en la página http://www.tinymce.com/wiki.php/api4:class.tinymce.Editor en la Sección Evento

Lo siguiente capturará "keyup" y otros eventos de cambio (copiar, pegar, centrar, etc.):

tinymce.init({
    setup: function (ed) {
        ed.on('keyup', function (e) {
            tinyMceChange(ed);
        });
        ed.on('change', function(e) {
            tinyMceChange(ed);
        });
    }
});

function tinyMceChange(ed) {
    console.debug('Editor contents was modified. Contents: ' + ed.getContent());
}

Estoy usando esto en tinymce 4.x

tinymce.init({
    selector: "#tinymce-textarea",
    setup : function(ed) {
        ed.on("change", function(e){
            $('#tinymce-livepreview').html(tinymce.activeEditor.getContent());
        });
        ed.on("keyup", function(){
            $('#tinymce-livepreview').html(tinymce.activeEditor.getContent());
        });
   }
});

Explicación:

On("change") es para detectar cambios en el evento del mouse si hace clic en el icono de la barra de herramientas o en la selección del menú. También es capaz de detectar el evento del teclado, pero solo después de la pérdida de enfoque (no en tiempo real).

On ("keyup") es para detectar cambios en el evento de teclado en tiempo real

Prueba esto:

tinyMCE.init({
   setup : function(ed) {
          ed.onChange.add(function(ed, l) {
                  var editorContent = l.content;    // editorContent will hold the values of the editor
                  alert(editorContent);
          });
   }
});

Haga clic para la referencia aquí

Hemos encontrado que el evento de cambio a veces solo se dispara después de presionar enter; Parece estar vinculado al proceso deshacer. Además, el evento keyup se dispara cuando el contenido no ha cambiado, como cuando se presiona shift o CMD-A.

Así que usamos changey keyup, y comparamos el último valor procesado con el valor actual para detectar un cambio real.

Esta solución también funciona para cortar, pegar y modificaciones de elementos del menú.

//Sometimes does not fire unless enter is pressed
editor.on('change', () => {
    var value = editor.getContent();
    if (value !== editor._lastChange) {
        editor._lastChange = value;
        window.console.log(editor._lastChange);
    }
});

//Sometimes fires even if content did not change
editor.on('keyup', () => {
    var value = editor.getContent();
    if (value !== editor._lastChange) {
        editor._lastChange = value;
        window.console.log(editor._lastChange);
    }
});

Esto funciona bien para mí en toda condtion key up, cut , copy, paste

    setup: function (editor) {
        editor.on('KeyUp', function(e){
            alert(editor.getContent());
         });
}

tinymce.init({
    // ...
    setup: function(editor) {
        editor.on('Paste Change input Undo Redo', function () {
            if (editorChangeHandler) {clearTimeout(editorChangeHandler);}
            editorChangeHandler = setTimeout(function() {
                console.log('changed');
            }, 100);
        });
    }
    // ,...
});

Hola he intentado usar esto:

setup : function(ed) {
    ed.onChange.add(function() {
        $('#changed').val(1);
    });
}

Esto es para actualizar un campo oculto "cambiado" con el valor de 1 para que cuando un usuario intente cerrar el panel o salir de la página se le informe de que tiene datos no guardados.

Mi culpa es que esto solo funciona si se realizan 2 o más cambios, por ejemplo, si noté que no había terminado con un punto "."volví a agregar esto, luego por alguna razón hice clic en cerrar sería capaz de salir de la página sin ser advertido de los cambios