Question

I’m using nicedit on a textarea to allow rich editor functionality.
I also want to add character counter at the end of the textarea in order to let user type specific number of character in the textarea. I use the above code and the editor works great.

<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>

Thanks

Answer 1

So, you just need to know the number of characters in a textarea?

You can get that with the textarea’s value’s length property:
textarea.value.length

Here’s an example:

<textarea onkeyup="console.log(this.value.length)"></textarea>

Here’s a char count check. It is not foolproof, but it will get you started:

<textarea onkeyup="updateCounter(this)" onpropertychange="this.onkeyup()"></textarea>
<div id="limit"></div>

<script>

    var limit = document.getElementById("limit");

    function updateCounter(textarea) {

        var len = textarea.value.length;


        var max = 10;


        if(max - len < 0) {
            textarea.value = textarea.value.substring(0, max);
        } else {
            limit.innerHTML = max - len;
        }



    }
</script>

Also, remember that Stack Overflow is a programmer help site. We’ll help with coding troubles, but we don’t just write programs for people (there’s plenty of sites for that 😉 ).