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

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

最好的实践是使用插件中的ssr: false选项来仅在客户端运行文件。

nuxt.config.js

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

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

Answer 2

你应该从这个NPM一看：Vue Quill Editor。该软件包有NuxtJS的示例here。我很成功。