前端中富文本編輯器的使用

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>