html段落p限制字数,富文本编辑器带有标签文字，限制字数后多余文字截断的问题...

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

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

123456

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

12345

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

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

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

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

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

html段落p限制字数,富文本编辑器带有标签文字，限制字数后多余文字截断的问题...相关推荐

java 富文本编辑器的标签处理数据从数据库中取出并返回前台
总结: 1.使用 HtmlUtils.htmlEscape ()方法对字符串中的标签转义 2.使用 removeHtmlTag() 得数据具体步骤如下: 我的数据库的存储格式被转义过了,这个因人而 ...
vue-quill-editor富文本编辑器保存标签乱码
最近使用若依系统做一个后台管理系统,在使用里面得富文本编辑器时发现前端富文本编辑器会在保存时给数据加两个p标签,而这两个p标签在传到后台得时候会出现乱码,回导致数据保存变成乱码,解决方法如下: 前端: ...
JavaWeb富文本编辑器与文件上传
目录一.富文本编辑器 1.下载富文本编辑器 2.富文本编辑器的应用二.文件上传文件上传必须要注意的规则: 文件上传案例文件夹的访问一.富文本编辑器富文本编辑器在项目中很常见,它可以将文本, ...
tinymce富文本编辑器扩展插件-设置段落间距
项目中使用到tinymce富文本编辑器,由于官方并没有设置段落间距插件,所以自己开发了一个段落间距扩展插件.可以将其配置为toolbar,也可以配置成菜单项. 使用方法: 方式一: 1. 使用npm安 ...
示例演示公告通知标题无缝向上滚动，文字段落无缝向上滚动，简单的wangeditor富文本编辑器，简单的音乐播放demo...
用于工作需求接触了公告通知标题内容的无缝向上滚动功能以及使用简单的wang富文本编辑器配置简单的音乐插件demo. 在写之前要先引入相应的js,jquery: 首先是通知标题的无缝向上滚动,这个网上很 ...
wangeditor 最大字数_我为什么要做富文本编辑器【wangEditor5个月总结】
本文是几年前写的,直接访问 wangEditor 官网 www.wangEditor.com 了解最新版的编辑器 ------------------------------------------- ...
Html引入百度富文本编辑器ueditor
在日常工作用,肯定有用到富文本编辑器的时候,富文本编辑器功能强大使用方便,我用的是百度富文本编辑器,首先需要下载好百度编辑器的demo, 然后创建ueditor.html文件,引入百度编辑器,然后在h ...
tinymce富文本编辑器的使用
tinymce富文本编辑器的使用 1.基本介绍 tinymce富文本官网:https://www.tiny.cloud/ 中文文档:http://tinymce.ax-z.cn/ tinymce-np ...
vue中引入TinyMCE实现富文本编辑器
整片文章是以vue2.X 引入tinymce富文本编译器首先,先确认你的vue版本是 2 还是 3 ,查看项目的package.json中vue的版本,我的是2.5.2 一共两个步骤 vue工程中安 ...

html段落p限制字数,富文本编辑器带有标签文字，限制字数后多余文字截断的问题...

html段落p限制字数,富文本编辑器带有标签文字，限制字数后多余文字截断的问题...相关推荐

最新文章

热门文章