失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue3中使用vue-quill富文本编辑器 重写图片上传功能

vue3中使用vue-quill富文本编辑器 重写图片上传功能

时间:2018-08-18 12:26:52

相关推荐

vue3中使用vue-quill富文本编辑器 重写图片上传功能

最近开发的一个vue3+element-plus的项目,需要用到富文本编辑器,最终选择了VueQuill这一款轻便型的富文本编辑器。

说说遇到的问题:富文本编辑器的图片上传,默认是直接以base64图片保存的,这就出现要是图片很大超出后端的容量限制,保存失败的问题,还有就是图片多了就导致页面加载慢,或者加载不出来使用户体验感很差,所以就想到一个办法,将上传成功的图片路径拼接在富文本编辑器内,就解决了上述所说的问题。接下来就是重写富文本编辑器图片上传的方法,详细代码👇

引入依赖

2.配置所需工具栏(注意:这块加了图片上传的重置函数在handlers)

3.定义图片上传方法

到这里我想实现的功能就大功告成了~

写文章只是为了记录问题怕久了会忘记,也希望能帮到你 有问题欢迎批评指正😊

如果觉得《vue3中使用vue-quill富文本编辑器 重写图片上传功能》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。