Vue中如何高效使用vue-quill-editor富文本编辑器进行长尾内容创作?
- 内容介绍
- 文章标签
- 相关推荐
本文共计889个文字,预计阅读时间需要4分钟。
GitHub地址:[vue-quill-editor](https://github.com/yuanhongbin188/vue-quill-editor)
市面上的富文本编辑器有很多,但我个人非常推荐Vue自己家的vue-quill-editor。虽然它只支持IE10,但这个问题可以通过其他方式解决。直接点击题目,在Vue中使用vue-quill-editor非常简单。
vue-quill-editor的guthub地址 ,现在市面上有很多的富文本编辑器,我个人还是非常推荐Vue自己家的vue-quill-deitor,虽然说只支持IE10+,但这种问题,帅给别人吧!
那么我们直击正题,在vue中使用quill呢,我们需要npm进行安装,安装命令如下:
npm install vue-quill-editor
再安装依赖项
npm install quill
使用:
在main.js中进行引入
import Vue from 'vue' import VueQuillEditor from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' Vue.use(VueQuillEditor)
下面的css一定还要引用,否则编辑器将会没有css。
本文共计889个文字,预计阅读时间需要4分钟。
GitHub地址:[vue-quill-editor](https://github.com/yuanhongbin188/vue-quill-editor)
市面上的富文本编辑器有很多,但我个人非常推荐Vue自己家的vue-quill-editor。虽然它只支持IE10,但这个问题可以通过其他方式解决。直接点击题目,在Vue中使用vue-quill-editor非常简单。
vue-quill-editor的guthub地址 ,现在市面上有很多的富文本编辑器,我个人还是非常推荐Vue自己家的vue-quill-deitor,虽然说只支持IE10+,但这种问题,帅给别人吧!
那么我们直击正题,在vue中使用quill呢,我们需要npm进行安装,安装命令如下:
npm install vue-quill-editor
再安装依赖项
npm install quill
使用:
在main.js中进行引入
import Vue from 'vue' import VueQuillEditor from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' Vue.use(VueQuillEditor)
下面的css一定还要引用,否则编辑器将会没有css。

