Vue中如何深入使用vue-quill-editor富文本编辑器？

更新于

2026-09-30 22:21:21

0阅读来源：SEO基础

内容介绍
文章标签
相关推荐

本文共计888个文字，预计阅读时间需要4分钟。

GitHub地址：[vue-quill-editor](https://github.com/yiminghe/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。

阅读全文

标签：详解 vue 基于 vuequilleditor 富