vue element-ui使用富文本vue-quill-editor编辑内容

1.安装

npm install vue-quill-editor --save

 2.页面中使用page.vue

// 引入的富文本样式
import { quillEditor } from "vue-quill-editor";
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";

components:{
    quillEditor
  },

 

<div style="height: 350px;">
              <quill-editor v-model="ztForm.content" ref="myQuillEditor" style="height: 160px;"
                :options="editorOption">
              </quill-editor>
            </div>

 

editorOption:{}，可以自定义，也可默认；

官方文档：vue-quill-editor · Quill官方中文文档 · 看云