javascript - contenteditable div 中的字符数

Question

我正在尝试在 contenteditable div 中执行“类似 twitter”的字符计数器。我想限制用户最多输入 140 个字符。

我使用 jQuery 来计算字符数并显示剩余的字符，但它不会将 Enter 键(换行符)计为字符。我还需要计算新行数。

我尝试使用textarea，但我需要指定max-height以使滚动条仅在最大高度上可见。行数或字符数没有限制。

演示: https://jsfiddle.net/oLomzakh/

你能帮我弄清楚如何将新行数包含在字符数中吗？

Answer 1

我认为你可以使用 $.html() 而不是 $.text()，你将能够知道何时有\n，但使用 $.text() 它不会计算特殊字符。

您也可以使用“this.innerText.length”属性，无需 jQuery，但它会计算\r\n 而不仅仅是新行的 1 个字符。

编辑:您可以获取 $.html() 例如并替换每个新行 <br>只需一个字符，那么您只需获取该结果的属性长度即可。