效果图
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 配置参数项