私は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オプションを使用すると、クライアント側でのみファイルを実行できます。 https://nuxtjs.org/guide/plugins#client-side-only

Answer 2

あなたはこのNPMから見てみる必要があります：Vue Quill Editor

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

nuxt.config.js

はNuxtドキュメントを確認してください。このパッケージには NuxtJSの例が hereにあります。私はこれで成功です。