Character count

This code should help you to get character count (without whitespaces).

editor.getData().replace(/<[^>]*>|\s/g, '').length

Although it's not maxlength functionality, which is covered by ticket #397.

I hope the following could help you while it's not functional complete:

var editor = CKEDITOR.instances.story2;
editor.on( 'key', function( evt ){
   // Update the counter with text length of editor HTML output.
   textCounter2( { value : evt.editor.getData() },this.form.grLenght2, 200 );
}, editor.element.$ );

tobiasz.cudnik wrote:This code should help you to get character count (without whitespaces).

editor.getData().replace(/<[^>]*>|\s/g, '').length

Although it's not maxlength functionality, which is covered by ticket #397.

Sorry for asking such a stupid question, but where do you put this code ? I know so little about Javascript that I'm always lost.
My request is both for a character counter (not including HTML tags, if possible) AND a maxlength functionality.
I know this plugin http://sourceforge.net/tracker/index.php?func=detail&aid=1510662&group_id=75348&atid=737639 but I don't know how to make it work.

I need different maximum lengths for 3 textareas in the same form.

I would really appreciate some help...

Maybe I should ask this question on the support forum ?

Poirot wrote:Thanks Gary, that works like you can see at http://romza.com/counter.html.
It seems to be a little bit erratic, as in maybe a few characters out sometimes, but it will do for what I need it for.

To Gytha_Ogg: have a look at the code/source of [url]Gytha_Ogg[/url].
Hopefully that gives you some idea where to put the code.

Thanks again to Tobias and Gary.

Thanks a lot, Poirot. Yesterday, I had a look at your source code and it didn't work. Today, it does work !

This code works properly, anyway, I would prefer to prevent people from typing more characters than the number allowed. Is it possible ?

This code works properly, anyway, I would prefer to prevent people from typing more characters than the number allowed. Is it possible ?

While it's not an easy-to-achieve functionality, a solution could be found based on the editor's undo/redo system, I hope the following codes could be a rough idea for you while it's not functional complete( require modification when working with IME):

// Whether content has exceeded the maximum characters.
var locked;
editor.on( 'key', function( evt ){

   var currentLength = editor.getData().length,
      maximumLength = 200;
   if( currentLength >= maximumLength )
   {
      if ( !locked )
      {
         // Record the last legal content.
         editor.fire( 'saveSnapshot' ), locked = 1;
                        // Cancel the keystroke.
         evt.cancel();
      }
      else
         // Check after this key has effected.
         setTimeout( function()
         {
            // Rollback the illegal one.  
            if( editor.getData().length > maximumLength )
               editor.execCommand( 'undo' );
            else
               locked = 0;
         }, 0 );
   }
} );

garry.yao wrote:While it's not an easy-to-achieve functionality, a solution could be found based on the editor's undo/redo system, I hope the following codes could be a rough idea for you while it's not functional complete( require modification when working with IME):

I thank you, Garry. I'm going to test this.

Poirot, you made a great job, thanks a lot !

There is only a little problem with Opera : when you reach the limit, the last letters of the text are replaced by what you are trying to type. I like Opera but I have to admit that it has always been quite touchy about javascript.

For me, Javascript is something like an horrible punishment, and I am grateful to people who can help me in these torments.
Your (or Garry's) code works, and I tried to use it here :
http://www.lgv.on-web.fr/valinfotest/testcke.php
on the first textarea. I have been searching for hours and hours, I don't understand why my example doesn't work, since it is very similar to yours. The counter stops at 100 characters (my limit), but I can go on typing as many characters as I want !. The problem is the same in Firefox or Opera. I don't see what's wrong in my code !

I'm using the following expression to count the characters, since the max length isn't high for me (around 200 characters max.).
I didn't made any performance test for the moment.

editor.getData().replace(/<[^>]*>/g, '').replace(/\s+/g, ' ').replace(/&\w+;/g ,'X').replace(/^\s*/g, '').replace(/\s*$/g, '').length;

I follow those steps :
1. remove html tags
2. replace multiple spaces by only one
3. consider HTML entities (é for example) as one character (artificially replaced by the character 'X')
4. remove white spaces at the beginning and end of the text.

Then I begin listening on events. Here is when I get into trouble. I'm currently listening on the event 'key' but it seems that the data returned by 'editor.getData()' is the data before modification.

Is there an event corresponding to 'after content modification' ?

when you click "Source" you can paste more than a limited number of characters. The following modification of the code may help:

editor.on('key, function(evt) {
var currentLength = editor.getData().length,
maximumLength = 200;
if (currentLength >= maximumLength) {
   if (!locked) {
   // Record the last legal content.
        editor.fire('saveSnapshot');
        locked = 1;
       // Cancel the keystroke.
        evt.cancel();
     } else
    // Check after this key has effected.
        setTimeout(function() {
        // Rollback the illegal one.
        if (editor.getData().length > maximumLength) {
          editor.execCommand('undo');
          if (editor.getData().length > maximumLength) {
             editor.setData(editor.getData().substring(0, maximumLength ));
           }
        } else {
          locked = 0;
        }
     }, 0);
}

Hi all,
The Counter doesn't work on paste a text from (e.g) MS Word. If there any option to add a event handler to do this, please let me know.

Thank you!