我想在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。我很成功。