Bhavesh Tilvani Bhavesh Tilvani - 9 days ago 5x
Javascript Question

Get the count of words in tinymce

I have a word count div outside the tinymce which shows the word count but not using the wordCount plugin but using regex to count the words.

But this count is not showing correct value when i add bullet or apply bold to the already typed text[It is showing count as 3 while i have entered only one word at the time of using bullet and increases the count by 2 while highlighting the already typed text]

Can any one can suggest what to do in the regex to get correct count when using the bold or,italic,underline or bullets or using wordCount plugin to use it's output outside the stauts bar[In this case in my word count div]

Here is the code :

tinymceConfig = {
menubar: false,
statusbar: false,
plugins: "autoresize",
content_css : '../../theme/css/Language/editor.css',
toolbar : "bold italic underline bullist",
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)
Helpers.prompt('You have reached the maximum word limit.');
return false;

editor.on('keyup', function (evt) {
var text = '';
saveEssayIntervalId = setTimeout(function() {
}, 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+" ]");
} };


You can get the current word count from TinyMCE's WordCount plugin - you should not need to calculate this yourself.

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