vue-quill-editor的guthub地址 ， 现在市面上有很多的富文本编辑器 ， 我个人还是非常推荐Vue自己家的vue-quill-deitor ， 虽然说只支持IE10 ,但这种问题 ， 帅给别人吧!
那么我们直击正题 ， 在vue中使用quill呢 ， 我们需要npm进行安装 ， 安装命令如下：
再安装依赖项
使用:
在main.js中进行引入
下面的css一定还要引用 ， 否则编辑器将会没有css 。
在vue页面中代码如下：
其中的v-model就是我们自己的html代码 ， 你可以将这个html直接放到数据库 ， 这样也就没有什么问题了 。如果想要禁用编辑器可以通过以下代码：
【详解Vue基于vue-quill-editor富文本编辑器使用心得】
主题设置
在vue项目中 ， 具体引入Quill的文件中 ， 需要使用哪种主题就写哪个 。默认是snow主题的 。
工具栏设置
图片推拽上传
需要安装 quill-image-drop-module 模块 ， 那么改一下imageDrop设置为true ， 你就可以把你电脑上的图片网上一坨就可以了 。
那上传文件那你就不用想了 ， 你也许想先把图片放上去 ， 其实这个文件托上去就已经是个base64了 ， 等你在前台读数的时候直接decode就好~
图片调整大小ImageResize
推荐阅读
- 详解css透明度之rgba和opacity的区别及兼容
- 纯JavaScript基于notie.js插件实现消息提示特效
- vue中tab选项卡的实现思路
- 基于webpack4.X从零搭建React脚手架的方法步骤
- 详解为生产环境编译Angular2应用的方法
- 930机子蓝牙使用篇---上传下载文件详解
- 830系统自带输入法详解
- 为什么Android系统手机没有IE浏览器？安卓手机浏览器是基于什么内核？
- 830主题、铃声设置详解
- miui12基于安卓几详情介绍