vue 富文本编辑器提取纯文字

两种方法
一种是在标签中使用 v-html=""

<p v-html="ruleForm.content"></p>

二是在过滤器中使用正则表达式

 filters: {filtersText(val) { // 要判断一下,如果是空就返回空字符串,不然会报错if (val != null && val != '') {var reg = /[\u4e00-\u9fa5]/gvar names = val.match(reg)val = names.join('')return val} else return ''}}
// 在文本中使用
// {{ruleForm.content | filtersText}}

vue 富文本编辑器提取纯文字相关推荐

PHP提取富文本中的纯文字
有时候富文本的内容需要放到列表页进行展示,这个时候就不能直接把content展示出来了,需要进行数据处理(只取文字部分)来展示 /*** 提取富文本中的纯文字* addtime 2020年8月10日 ...
从html富文本中提取纯文本
其实从html富文本中提取纯文本很简单,富文本基本上是使用html标签给文本加上丰富多彩的样式. 所以只需要将富文本字符串中的"<.....>"标签剔除,即可得到纯文本 ...
Vue 富文本编辑器插件 vue-quill-editor 坑！
Vue3 + vue-quill-editor 安装步骤: vue3 安装vue-quill-editor npm install @vueup/vue-quill vue2 安装vue-quill- ...
获取富文本编辑器的纯文本内容
发布新闻等信息时,必然会用到富文本编辑器.然而我们在前端页面展示的时候,可能需要把内容文字提取出来,作为简介使用:又或者把图片提取一张作为封面图片使用. 解决方案: 1 提取文本或者封面图片存入数据库 ...
Element Tiptap Editor - 免费开源的 Vue 富文本编辑器，专门为搭配 Element UI 使用优化，使用很简单
一款很容易上手配置的富文本编辑器,和 Element plus 一起使用效果非常好,还能自定义功能. 关于 Element Tiptap Editor Element Tiptap Editor 是一 ...
vue富文本编辑器 Vue-Quill-Editor
主流富文本编辑器对比前言:vue中很多项目都需要用到富文本编辑器,在使用了ueditor和tinymce后,发现并不理想.所以果断使用vue-quill-editor来实现. wangEditor( ...
Vue富文本编辑器vue-quill-editor-使用-bug问题-教程
vue-quill-editor npm install vue-quill-editor –save or yarn add vue-quill-editor 文件中使用 <template& ...
使用wangEditor富文本编辑器上传图片和文字
"刘郎已恨蓬山远,更隔蓬山一万重" 序现在做的是从web端给眼镜端发送消息,其实就是web端把消息存到数据库,然后眼镜从数据库获取消息即可.现在在web端的输入框需要直接复制图片 ...
Vue富文本编辑器代码高亮
之前在Vue-awesome上面找富文本编辑器的插件,找了排名第一的vue-quill-editor,排名第一应该是相对比较好用的. 首先下载到自己的项目中 npm install vue-quill ...
vue 富文本编辑器kindeditor使用粘贴图片自动上传图片功能
Kindeditor 的使用这里不再陈述,在KindEditor.create执行时,传入afterCreate方法,在afterCreate的方法里面进行图片上传的功能,这里使用的谷歌浏览器,其他浏 ...

vue 富文本编辑器提取纯文字

vue 富文本编辑器提取纯文字相关推荐

最新文章

热门文章