- 首先要了解的是,vue-quill-editor是一个插件,这个插件提供了一个富文本编辑器组件(下面简称quill)和一些配合quill使用的功能。接下来我们主要进行的是quill的引入和基础功能的配置。
首先先安装vue-quill-editor模块(查看安装方法);
在main.js里引入并应用插件:
import QuillEditor from "vue-quill-editor" import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' vue.use( QuillEditor )在要使用组件的页面里导入组件:
import { quillEditor } from "vue-quill-editor";页面里:
<quill-editor ref="editor" v-model="content"></quill-editor>
现在,已经可以从content获取到输入的内容了,先试试看吧。
quill插件的配置:(