vue-quill-editor使用笔记
vue-quill-editor插件的使用笔记
嘟嘟叽
这个作者很懒,什么都没留下…
展开
-
将带有HTML转义字符的字符串转成vue-quill-editor可识别的html或纯文本
var body="<p><strong><s><u>测试字符串</u></s></strong></p><p>";需求一:将上述字符串转成vue-quill-editor可识别的html,关键代码如下:escapeHTML(str) {原创 2021-06-03 11:17:13 · 1274 阅读 · 0 评论 -
使用vue-quill-editor将图片单独保存在服务器
使用vue-quill-editor将图片单独保存在服务器功能要求:点击插件工具栏中的上传图片按钮上传图片;图片插入在光标所在位置;上传图片至服务器。关键代码块:<template> <input type="file" id="img" class="image" @change="uploadImg()" >/*覆盖插件的上传文件的input*/ <quill-editor ref="myQuillEditor" v-model="body" :opt原创 2021-05-25 15:05:58 · 700 阅读 · 0 评论 -
使用vue-quill-editor插件传至后台返回带有标签问题解决
使用vue-quill-editor插件时,编辑后传至后台,返回的数据带有标签。如何去掉标签?加入当前代码段在methods:里面,在获取数据时调用 /** * strs 需要替换的字符串内容 */ escapeStringHTML(strs) { strs = strs.replace(/</g, "<"); strs = strs.replace(/>/g, ">"); return strs原创 2021-05-25 11:37:35 · 1959 阅读 · 1 评论