javascript - nicedit 所见即所得编辑器 + 字符计数

Question

我在文本区域上使用 nicedit 以允许丰富的编辑器功能。我还想在文本区域的末尾添加字符计数器，以便让用户在文本区域中键入特定数量的字符。我使用上面的代码，编辑器工作得很好。

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

谢谢

Answer 1

那么，您只需要知道文本区域中的字符数？

您可以通过文本区域的值的 length 属性来获取它:textarea.value.length

这是一个例子:

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

这是字符计数检查。它并非万无一失，但它可以帮助您入门:

<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>

此外，请记住 Stack Overflow 是一个程序员帮助网站。我们将帮助解决编码问题，但我们不仅仅是为人们编写程序(有很多这样的网站;))。