在admin系统中引入富文本编辑器 (vue-quill-editor)
- 由于公司项目的需求,内容需要更新,那么自然需要admin后台来上传内容,在苦苦寻觅了N个编辑器之后,终于找到了一个比较容易使用,外观也比较美观的
vue-quill-editor
- 首先安装
cnpm install vue-quill-editor --save-dev
- 然后在需要使用的页面中引用
import { quillEditor } from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
- 在页面中调用组件(别忘了在components声明)
components: {
quillEditor
},
<div v-if="show" class="editorBox">
<!-- 调用富文本编辑器