vue 中使用富文本编辑器 vue-quill-editor（上传图片，添加latex数学公式，个性化设置样式）

一，安装vue-quill-editor

npm install vue-quill-editor --save

二， 

2.1 全局引入注册vue-quill-editor
 

import Vue from 'vue'
import VueQuillEditor from 'vue-quill-editor'

// 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 } */)

2.2  单个组件中引用

// require styles
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

import { quillEditor } from 'vue-quill-editor'

export default {
  components: {
    quillEditor
  }
}

三， 页面中引用

js 部分 

四，vue-quill-editor 其他配置请参考文档 https://www.kancloud.cn/liuwave/quill/1434140 扩展模块