在VUE中使用UEditor编译器获取纯文本内容

作者: Bigold | 来源:发表于2019-10-21 16:53 被阅读0次

当我们在前端界面添加并使用UEditor时，将编辑框内内容传给后端，并从后端返回值，但是本身返回的值是带标签的，如图：

image.png

如果我们想获取纯文本内容，首先了解UEditor获取文本内容的方式：

editor.getContent();     取得html

editor.getPlainTxt();    得到编辑器的纯文本内容，但会保留段落格式

editor.getContentTxt();  获取编辑器中的纯文本内容,没有段落格式

在UEditor.vue 中使用editor.getPlainTxt()进行设置，更改后如图所示：

image.png

重新刷新界面，输入内容，查看编辑器返回值：

image.png

成功！

在VUE中使用UEditor编译器获取纯文本内容
当我们在前端界面添加并使用UEditor时，将编辑框内内容传给后端，并从后端返回值，但是本身返回的值是带标签的，如...
Django Ueditor Vue集成
介绍 Django支持Ueditor富文本，并且前端使用Vue 在使用中发现UEditorField中的image...
ueditor获取文本内容的方法
ueditor 在js中获取文本内容的方式 editor.getAllHtml()取得完整的html代码，可以直接...
vue使用富文本编辑器vue-ueditor
vue使用富文本编辑器vue-ueditor npm i vue-ueditor --S 组件里面只需要写
Ueditor使用趟坑相关文章
参考文章： 1、vue集成ueditor的注意事项2、在Vue2.0中集成UEditor 富文本编辑器3、vue ...
百度富文本ueditor
关于百度富文本使用备忘Vue 项目使用这个插件 vue-ueditor-wrap需要将 https://gitee...
iOS 去除html代码中的标签
去除html代码中的标签，获取纯文本内容
2019-01-05
使用summernote富文本编辑器的坑关于获取纯文本内容的问题方法为: 问题:在项目中, 只有一个富文本实例时...
jQuery之可编辑div--contenteditable
一、获取div contenteditable的内容 1、获取纯文本内容 2、获取html内容二、div con...
ueditor的踩坑路
背景：我使用ueditor的背景是 vue+vue-cli+webpack 1:引入ueditor；（1）...