vue 实现富文本（quill-editor 插件）

效果图：

 

 

命令：

npm install vue-quill-editor --save

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)

vue template （html代码）

<template>
  <div>
    
     <quill-editor
      class="editor"
      v-model="formData.contentData"
      :options="editorOption"
      @change="onEditorChange($event)"
    >
      <el-input type="textarea" auto-complete="off" :disabled="isChange">
      el-input>
    quill-editor>
  div>
template>

script 代码

具体一些属性配置可以参考 https://www.jianshu.com/p/efcedcabb192