script deja de funcionar con editor tinymce

[dAvidcA]

Hola stevens82,

Los eventos (keydown, keypress, keyup...etc) en el editor tinymce se asocian de manera diferente ya que el textarea solo es utilizado para que tinymce 'pinte' su editor.

Lo correcto sería que tu función counter recibiera por parámetro el texto a realizar el conteo, así:

Código Javascript:

counter = function(value) {
    if (value.length == 0) {
        $('#wordCount').html(0);
        $('#totalChars').html(0);
        $('#charCount').html(0);
        $('#charCountNoSpace').html(0);
        return;
    }
 
    var regex = /\s+/gi;
    var wordCount = value.trim().replace(regex, ' ').split(' ').length;
    var totalChars = value.length;
    var charCount = value.trim().length;
    var charCountNoSpace = value.replace(regex, '').length;
 
    $('#wordCount').html(wordCount);
    $('#totalChars').html(totalChars);
    $('#charCount').html(charCount);
    $('#charCountNoSpace').html(charCountNoSpace);
};
 

Así se asocian los eventos (keydown, keypress, keyup...etc) con tinymce:

Código Javascript:

tinymce.init({
    selector: "#text",
    setup: function(ed) {
        ed.on('click', function(e) { counter(ed.getContent()); });
        ed.on('change', function(e) { counter(ed.getContent()); });
        ed.on('keydown', function(e) { counter(ed.getContent()); });
        ed.on('keypress', function(e) { counter(ed.getContent()); });
        ed.on('keyup', function(e) { counter(ed.getContent()); });
        ed.on('blur', function(e) { counter(ed.getContent()); });
        ed.on('focus', function(e) { counter(ed.getContent()); });
    }
});
 

Un ejemplo funcional de tu código: http://jsfiddle.net/dAvidcA/xpvt214o/999109/

Saludos.