Have a look at this post.

I had a go at making a Word/Character counter after seeing this, and its a success, so I'll post it up tomorrow. Just testing bit. Works like the MSWord  Word Count. Just displays an alert box with the word count, character count, and character count including spaces.

Ryan.

I too am trying to get a dynamic character counter into the display. 
The problem I am having is that the user types tons of info and won't know until the page is submitted whether it is too long or not.

I would like to get a simple system to update the display in order to tell the user how many characters they have left.

I would like the count to include all html in the count so that it is accurate (filling a dB field)

I have done this with Javascript before using the .length and the onChange commands, but they appear to be 'disabled' for the tiny mce powered text areas.  Can you direct me to a tool that will do this?

for every click of the keyboard, the count should update with the new count.

Thanks in advance.  AND thank you for a great tool.

Has someone a working character counter ?

forget it junaid!

This function by charl works really well. Thanks!

Is there a way to get this to show up when the editor is first displayed?

Thanks for any hints...

Tom

Fantastic work, thank you!

I've adjusted it slightly for my use as I only need a character count and v3.3 was counting  , & etc as more than 1 character. Code below in case it is of any use to anyone:

var strip = (tinyMCE.activeEditor.getContent()).replace(/(<([^>]+)>)/ig,"").replace(/&[a-z]+;/ig, "-");

EDIT: Small fix $amp; -> &

Last edited by coptang (2010-03-19 20:19:53)

Figured it out, see replace at end of code below.

var strip=(tinyMCE.activeEditor.getContent()).replace(/(<([^>]+)>)/ig,"").replace(/&[a-z]+;/ig, "").replace(/ /g, "");

Ryan,
I want to use your charcounter plugin...

But I want to exclude the spaces from character count from Fantasy Football

How can I do it?

Last edited by Janethalloren11 (2010-08-18 11:30:02)

This jQuery counter plug-in allows you to count characters or words, either up or down. You can set a goal for the counter to reach.

It will insert a div with an id of the name of the input area you are counting with a "_counter" suffix. For example, if the input you want to count is called "countMe", the id of the div that keeps track of the count will be "countMe_counter".

For details Visit wplayground.comuv.com/counter/

Why would you need a plugin for that? Anyway you can take a look into the example plugin which is nothing but a plugin creation tutorial.

All the above mentioned did not work for me.
but this  - based on the above and one this http://javascript.internet.com/snippets/remove-html-tags.html - did work:

setup: function(ed) {
                                var text = '';
                                var span = document.getElementById('counter-' + ed.id);
                                if(span) {
                                    var max_length = span.innerHTML;
                                    ed.onKeyUp.add(function(ed, e) {
                                        text = ed.getContent().replace(/&(lt|gt);/g, function (strMatch, p1){
                                          return (p1 == "lt")? "<" : ">";
                                     });
                                     var strTagStrippedText = text.replace(/<\/?[^>]+(>|$)/g, "");
                                    currNumOfChars = (strTagStrippedText.length);              
                                    chars_left = max_length - currNumOfChars;
                                    span.innerHTML = chars_left;

                                    if(currNumOfChars > (max_length - 11))
                                    {
                                        //style numbers in red
                                        $("#counter-my_text").html("").html(chars_left).css("color", "#FF0000");               
                                    }
                                    else
                                    {       
                                        //set the length of the text into the counter span
                                        $("#counter-my_text").html("").html(chars_left).css("color", "#484848");
                                    }
                                   
                                    if((currNumOfChars > max_length) || (currNumOfChars == 0))
                                    {               
                                        //$("#submit").attr("disabled", "disabled");
                                        $("#submit").button({ disabled: true });   
                                    }
                                    else
                                    {       
                                        //$("#submit").removeAttr("disabled");
                                        $("#submit").button({ disabled: false });
                                    }
                                  });
                                }
                            }