获取tinymce中的单词数

时间:2016-08-11 17:17:45

标签: javascript regex tinymce word-count

我在tinymce之外有一个单词count div,它显示单词count但不使用wordCount插件,而是使用正则表达式计算单词。

但是当我添加项目符号或对已经输入的文本应用粗体时,此计数没有显示正确的值[它显示计数为3而我在使用项目符号时只输入了一个单词并且将计数增加了2而突出显示已输入的文字]

当使用粗体或斜体,下划线或项目符号或使用wordCount插件在stauts栏外使用它的输出时,任何人都可以建议在正则表达式中做什么来获得正确的计数[在这种情况下我的单词计数div ]

以下是代码:

tinymceConfig = {
mode:"exact",
elements:"essay",
menubar: false,
statusbar: false,
plugins: "autoresize",
content_css : '../../theme/css/Language/editor.css',
toolbar : "bold italic underline bullist",
resize:"height",
autoresize_max_height: 325,
setup : function(editor) {
    if ($('#essay').prop('readonly')) {
        editor.settings.readonly = true;
    }

    editor.on('keydown', function (evt) {
       var wordCount = 0;
       var valid_keys = [8, 46];
       text = editor.getContent().replace(/(< ([^>]+)<)/g, '').replace(/\s+/g, ' ');
       text = text.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
       wordCount = text.split(' ').length-1;

       if(wordCount >= Helpers.constants.MAX_WORDS && valid_keys.indexOf(evt.keyCode) == -1)
        {
            evt.preventDefault();
            Helpers.prompt('You have reached the maximum word limit.');
            //evt.stopPropagation();
            return false;
        }
    });

    editor.on('keyup', function (evt) {
        var text = '';
        clearTimeout(saveEssayIntervalId);
        saveEssayIntervalId = setTimeout(function() {
            saveEssay('silent');
        }, 3000);

        text = editor.getContent().replace(/(< ([^>]+)<)/g, '').replace(/\s+/g, ' ');
        text = text.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
        var wordCount = text.split(' ').length;

        $("#essayContainer .textAreaAfter").html("[ Words entered: "+wordCount+" ]");
    });
}   };
tinyMCE.init(tinymceConfig);

2 个答案:

答案 0 :(得分:3)

您可以从TinyMCE的WordCount插件中获取当前字数 - 您不需要自己计算。

theEditor = tinymce.activeEditor;
wordCount = theEditor.plugins.wordcount.getCount();

答案 1 :(得分:1)

如果你有一个旧的tinyMCE版本,你可能没有getCount()函数,在这种情况下你可以编写,用于活动编辑器(否则传递编辑器的对象):

var editor = tinyMCE.activeEditor,
    words = editor.plugins.wordcount._getCount(editor);