前端中富文本编辑器的使用

vue+element+富文本编辑器

全局使用

1.使用npm安装 vue-quill-editor

npm install vue-quill-editor --save

2.在main.js中引入富文本编辑器

//引用富文本编辑器

import VueQuillEditor from 'vue-quill-editor'

//引入富文本css

// require styles

import 'quill/dist/quill.core.css'

import 'quill/dist/quill.snow.css'

import 'quill/dist/quill.bubble.css'

//富文本编辑器添加实例

Vue.use(VueQuillEditor, /* { default global options } */)

3.在页面需要的地方放入

v-model 是双向绑定的数据

:options 是要给富文本编辑器的规则，值是个对象

<quill-editor v-model="goodsForm.goods" :options="editorOption">

</quill-editor>