Shuai_YeYe的博客

问题描述：vue-quill-editor富文本默认上传图片是将图片转换成base64进行存储，字段过长；然后进行自定义上传图片，只保存图片路径，减少服务器压力 解决思路： 1、先创建一个上传图片的组件（我使用的是element-ui的el-upload），将该组件进行隐藏 2、点击富文本插入图片的按钮时转换成点击上传插件，进行图片上传 3、上传成功后后端返回图片路径，将图片路径处理后插入到光标在富文本中的位置 解决步骤： 1、组件添加，隐藏该组件 <el-upload st

1.Vue项目安装依赖 npm install vue-quill-editor --save npm install quill-image-resize-module --save 2.项目引用，我用的是全局引用 import 'quill/dist/quill.core.css'; import 'quill/dist/quill.snow.css'; import 'quill/dist/quill.bubble.css'; import quillEditor from 'vue-quill