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

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


image.png

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

editor.getContent();     取得html

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

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

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


image.png

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


image.png

成功!

你可能感兴趣的:(在VUE中使用UEditor编译器获取纯文本内容)