js获取富文本内容长度_富文本编辑器带有标签文字,限制字数后多余文字截断的问题...

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

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

123456

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

12345

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

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

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

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

var editorValue = editor.getValue();

var actualText_num = editorValue.replace(/]*>/g,'').replace(/[ | ]*\n/g,'\n').replace(/\n[\s| | ]*\r/g,'\n').replace(/ /ig,'').length;

editor.on('valuechanged', function(e, type) {

var tmp_editorValue = editor.getValue();

if(tmp_editorValue === editorValue){

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值