Question

我知道vue-quill-editor。

然而，我遇到了困难。

首先，我从

开始

vue vue-init nuxt / express myProject

和

npm install --save vue-quill-editor

〜插件/ quill.js

import Vue from 'vue'

if (process.BROWSER_BUILD) {
  require('quill/dist/quill.snow.css')
  require('quill/dist/quill.bubble.css')
  require('quill/dist/quill.core.css')
  Vue.use(require('vue-quill-editor/ssr'))
}

nuxt.config.js

plugins: [
  { src: '~plugins/quill.js' }
]

这是正确的方法吗？

如何在此处添加模块？例如，

Import {ImageImport} from '../modules/ImageImport.js'
Import {ImageResize} from '../modules/ImageResize.js'
Quill.register ('modules / imageImport', ImageImport)
Quill.register ('modules / imageResize', ImageResize)

我可以参考以下内容，

但它似乎不是nuxt.js环境的一个例子。所以我失败了。

https://github.com/surmon-china/vue-quill-editor/tree/master/examples

感谢您的帮助。

Answer 1

你应该看一下这个包：Vue Quill Editor。此软件包包含here中NuxtJS的示例。我成功了。

Answer 2

最好的做法是使用插件中的ssr: false选项仅在客户端运行该文件。

nuxt.config.js

module.exports = {
  plugins: [
    { src: '~plugins/quill.js', ssr: false }
  ],
}

检查Nuxt doc：https://nuxtjs.org/guide/plugins#client-side-only

我想在nuxt.js中使用quilljs（vue.js）

2 个答案: