文章已同步至掘金:https://juejin.cn/post/6844903936965476366
欢迎访问😃,有任何问题都可留言评论哦~
使用步骤
1.npm进行安装
npm install vue-quill-editor --save
安装依赖项:
npm install quill
2.在main.js
中引入
3.在模块中使用
直接使用quill-editor
标签就好
禁用编辑器
如果想要禁用编辑器,可以这样:
4.配置编辑器
设置主题(具体引入Quill的文件中,需要使用哪种主题就写哪个。默认是snow主题的):
工具栏设置:
图片拖拽上传
安装模块:
引入并使用:
修改一下imageDrop
设置为true
,你就可以把你电脑上的图片往上面一拖就可以了。
当文件拖上去后就已经是base64格式了,
所以你在前台读数据的时候直接decode
就好了
调整图片大小:
评论区