美文网首页
braft-editor富文本编辑如何限制输入字符长度 包括图片

braft-editor富文本编辑如何限制输入字符长度 包括图片

作者: i断章 | 来源:发表于2021-07-30 15:18 被阅读0次

    使用braft-editor时被需求需统计输入的字符数及限制字符数不超过某个阈值

    富文本的输入会以html的形式存在,那么计入的字符个数也包含了html标签,哪怎么才能只计入纯字符呢?

    1.利用正则去除调html标签,只保留纯字符

    2.利用正则江=将<img /> <video/>标签替换为1个字符,这样上传的图片及视频就计入一个字符长度

    constisHtml=/<\/?.+?\/?>/g;

    constisImg=/<img.*?(?:>|\/>)/gi;

    constisVideo=/<video.*?(?:>|\/>)/gi;

    constgetData=String(data); // data为富文本转换的html

    constgetDataLenght=getData?getData.replace(isImg,'1').replace(isVideo,'1').replace(isHtml,'').length:0;

    相关文章

      网友评论

          本文标题:braft-editor富文本编辑如何限制输入字符长度 包括图片

          本文链接:https://www.haomeiwen.com/subject/nyfcvltx.html