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

在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编译器获取纯文本内容

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