该富文本编辑器可用于留言板、备注、设置信息等功能;
在vue项目中安装vue-quill-editor
npm install vue-quill-editor --save
全局引入
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);
可以局部引入
<template>
...
<quill-editor v-model="content" :options="editorOption"></quill-editor>
<input
type="file"
class="file"
accept="image/jpeg,image/jpg,image/png"
id="file"
value=""
@change="btnUploadFile($event)"
/>
...
</template>
import 'quill/dist/quill.core.css';
import 'quill/dist/quill.snow.css';
import 'quill/dist/quill.b