elementui 之富文本编辑器vue-quill-editor 清空html 标签
问题描述:富文本编辑器vue-quill-editor 点击内容提交,发现提交的内容都携带html 标签(<p>富文本编辑内容</p>)。目的:清空提交内容的html 标签解决思路: 定义一个方法:采用正则表达式的方式,将所有html 内容进行替换。method 定义:// 移除文本内容中的HTML 标签delHtmlTag(str) {return str.replace
·
问题描述:富文本编辑器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)
})
},
效果展示:
更多推荐
已为社区贡献24条内容
所有评论(0)