【vue】vue-quill-editor富文本编辑器实现图片上传

封装vue-quill-editor实现富文本点击图标、选择文件、上传图片到服务端、上传成功返回图片地址、显示图片
实现点击图标/按钮,打开选择文件需要 自定义工具栏 基础写法可参考:富文本基本使用
文章参考:引路文章之改造vue-quill-editor:实现图片上传到服务器再插入富文本

代码实现如下:



insertEmbed(index: Number, type: String, value: any, source: String = 'api'): Delta

该方法是用于在富文本框中显示图片/视频,参数包含index【当前文件插入的位置】,type【当前文件的类型】,source【来源】
api docs:insertEmbed

小棨留言:文章描述或者语法理解不到位的地方,请大家多多指教!

你可能感兴趣的:(【vue】vue-quill-editor富文本编辑器实现图片上传)