1、安装
npm install vue-quill-editor
npm install quill
2、引入
main.js里样式也记得引入:
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)
在所用页面引入编辑器:
import {
quillEditor } from 'vue-quill-editor'
import Quill from 'quill' //引入编辑器
记得括号
3、配置
编辑器默认的toolbar可用选项非常多
有些用不上,就可以随意控制toolbar部分的可用选项,配置如下:
// 不需要的的选项在这里删掉就好
const toolbarOptions = [
['bold', 'italic', 'underline', 'strike'], //加粗,斜体,下划线,删除线
['blockquote', 'code-block'], //引用,代码块
[{
'header': 1 }, {
'header': 2 }], // 标题,键值对的形式;1、2表示字体大小
[