script deja de funcionar con editor tinymce

[stevens82]

Hola compañero aca con un problema, lo que pasa es que tengo un script de conteo de palabras, que funciona correctamente pero cuando uso el editor tinymce deja de funcionar, necesito saber como hacerlo funcionar, aca el codigo

Código Javascript:

counter = function() {
    var value = $('#text').val();
 
    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);
};
 
$(document).ready(function() {
    $('#count').click(counter);
    $('#text').change(counter);
    $('#text').keydown(counter);
    $('#text').keypress(counter);
    $('#text').keyup(counter);
    $('#text').blur(counter);
    $('#text').focus(counter);
});
 

Editor Tinymce

Código Javascript:

tinymce.init({
        selector: "#contenido" 
    });
 

espero alguien me pueda dar una mano, muchas gracias...

[baldaweb]

Mira esto, a ver si te sirve:

https://stackoverflow.com/questions/...rds-in-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.

[stevens82]

Gracias por sus respuesta funciono casi bien

Código Javascript:

var regex = /\s+/gi;
value = value.trim().replace(/(<([^>]+)>)/gi, '').replace(regex, ' ');
value = value.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
wordCount = value.split(' ').length;
 

Pero sucede que cuando agrego el simbolo > o < me aumenta en demasia los caracteres, ejemplo: la palabra hola me muetsra 4 caracteres al agregarle <hola me pone 8 y al escribir <hola> cuenta 12 alguna forma de solucionar esto, gracias de antemano.