在后台管理系统中引入富文本编辑器 (vue-quill-editor)

在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">
<!-- 调用富文本编辑器
上一篇:富文本编辑器防止xss注入javascript版


下一篇:Django项目中添加富文本编辑器django-ckeditor