vue-cli 富文本编辑器

1.vue-quill-editor

基于 Quill、适用于 Vue 的富文本编辑器，支持服务端渲染和单页应用

安装

npm install vue-quill-editor --save

全局使用

在 main.js 中引入

import Vue from 'vue'

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, /* { default global options } */)

在组件中使用

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

export default {

  components: {

    quillEditor

  }

}

直接在组件中使用

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

  }

}

获取内容

用 v-model 数据绑定可以直接获取内容