富文本编辑器带有标签文字,限制字数后多余文字截断的问题

目前在用编辑器simditor,现在的一个需求是要给这个编辑器加一个字数限制。

能实时获取到当前编辑器内的value,例如:


<p style="font-size=14px">123456</p>

假如我限制五个字数的话,截断之后应为:


<p style="font-size=14px">12345</p>

统计字数很简单,只需要过滤掉标签,然后看过滤后的文本的长度就可以了。

但是在截断带有标签文本就犯难了,我该怎样准确又快捷的找到应该截断的位置呢?


曾经想到过一种取捷径的方法。就是在每次编辑器内值改变的时候(onValueChange)与改变之前的值(currentValue)进行对比,如果有更改之后,就进行正则去掉标签计算长度,若超过长度则将原来的值(currentValue)重新赋值给编辑器。


但是这个捷径在后来遇到了很多坑…… 首先他如果粘贴文字到超过限制字数的话,这段文字是粘不上的。我目前已经没有除了截取对应位置之后文字之外其他的方法。恳请各位大佬帮帮忙

https://img3.mukewang.com/5c4aa0620001509312290348.jpg

…… 按照一楼的提示我查了一下uEditor的maximumWords,发现在官网的演示上,他只是在右下角提示了字数统计,在超过限制的时候给了一个警告…… 并没有截断这个操作。再次陷入尴尬

Here is the code.


慕容3067478
浏览 2645回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript