Ich will quilljs in nuxt.js (vue.js)

Question

Ich weiß Vue-Quill-Editor.

Allerdings habe ich Schwierigkeiten.

Zunächst begann ich mit

vue vue-init nuxt/express myProject 

und

npm install --save vue-quill-editor 

~ plugins/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' } 
] 

Ist das der richtige Weg?

Wie füge ich hier Module hinzu? Zum Beispiel

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

ich auf die folgenden,

verweisen konnte

aber es scheint nicht ein Beispiel für eine nuxt.js Umgebung zu sein. Also habe ich versagt.

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

Vielen Dank für Ihre Hilfe.

Answer 1

Das beste Verfahren ist es, die Option ssr: false in Plugins zu verwenden, um die Datei nur auf der Clientseite auszuführen.

nuxt.config.js

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

die Nuxt doc Check: https://nuxtjs.org/guide/plugins#client-side-only

Answer 2

Sie einen Blick von diesem npm nehmen sollte: Vue Quill Editor. Dieses Paket enthält ein Beispiel für NuxtJS in here. Ich bin damit erfolgreich.