浅谈vue中使用编辑器vue-quill-editor踩过的坑

结合vue+element-ui+vue-quill+editor二次封装成组件分析原因项目中使用vue-quill-editor富文本编辑器，在编辑内容的时候，我们往往会编辑图片，而vue-quill-editor默认的处理方式是直接将图片转成base64格式，导致上传的内容十分庞大，且服务器接受post的数据的大小是有限制的，很有可能就提交失败，造成用户体验差。编辑editor.vue文件在editor.vue中引入vue-quill-editor在编辑器上增加一个quill-title.js的工具栏的title的配置文件在editor.vue中引入quill-title.js我在vue-quill-editor的Github认识了这两个插件。quill-image-drop-module：允许粘贴图像并将其拖放到编辑器中。然而DEMO不够详细，实际引用时，报了很多错误。Webpack + Vue-Cli 2.0 1、确保你的quill富文本编辑器可以正常运行。修改：4、修改你在页面引用的“quill富文本组件”。修改标签内代码：然后，修改页面引用的:options="editorOption"。重新 npm run dev ，插件运行成功！