vue中使用富文本

效果图

1.npm i vue-quill-editor --save
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)

3.在组件中使用

<quill-editor
      v-model="content"
      ref="myQuillEditor"
      :options="editorOption"
      @blur="onEditorBlur($event)"
      @focus="onEditorFocus($event)"
      @change="onEditorChange($event)"
    >
    </quill-editor>

v-model=“content” 绑定输入的内容；
options 配置参数项