elementui 之富文本编辑器vue-quill-editor 清空html 标签

问题描述:富文本编辑器vue-quill-editor 点击内容提交，发现提交的内容都携带html 标签(<p>富文本编辑内容</p>)。目的：清空提交内容的html 标签

解决思路: 定义一个方法:采用正则表达式的方式，将所有html 内容进行替换。

method 定义:

  // 移除文本内容中的HTML 标签 
        delHtmlTag(str) { 
          return str.replace(/<[^>]+>/g,""); 
        },

在表单提交时，调用上述定义的方法:

 // 新增通知 
        add(){ 
            // 请求html 标签方法调用 
            this.notice.content = this.delHtmlTag(this.notice.content) 
            this.$axios({ 
            method:'post', 
            url:'/api/notice/insert', 
            data:{'title': this.notice.title, 'content':this.notice.content, 'adminId': '1'}, 
            headers:{ 
                'Content-Type':'application/json;charset=utf-8'      //改这里就好了 
            } 
        }).then(res => { 
          this.$message.success('添加成功') 
          this.dialogFormAdd = false 
          this.init() 
        }) 
          .catch(function (error) { 
            console.log(error) 
          }) 
        },

效果展示: