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)
          })
        },

效果展示: