zhanghaoran
文章 文章详情

nuxt.js中 quill编辑器的使用(服务端渲染)

阅读:137 分类:nuxt.js 发布时间:2020-05-26

为什么选择Quill.js编辑器

背景: 在译问项目中使用到的一款编辑器。

为什么选用quill?

  1. 译问做为服务端渲染vue项目,目前编辑器中仅quill支持服务端渲染。
  2. 虽然本身功能不多,但有丰富API,支持自定义增加功能。

安装

npm i vue-quill-editor -s

使用

  • ~/plugins/ 下创建 quill.js文件
    import Vue from 'vue'
    import VueQuillEditor from 'vue-quill-editor/dist/ssr'

    Vue.use(VueQuillEditor)
  • ~/nuxt.config.js中引入
    export default {
      plugins: [
          { src: "@/plugins/quill-editor.js", ssr: false },
      ],
    }
  • 在组件内使用 演示代码与当前网站冲突,不做演示了,可访问网址:quill.vue

quill.vue 下载