Я хочу quilljs в nuxt.js (vue.js)

Я знаю 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

Спасибо за помощь.


vue.js nuxt.js quill wysihtml5
person hyeokluv    schedule 20.06.2017    source источник

Ответы (2)


arrow_upward
5
arrow_downward

Вам следует взглянуть на этот пакет: Vue Quill Editor. В этом пакете есть пример для NuxtJS в здесь. Мне это удалось.

person KitKit    schedule 11.12.2017
comment
не могли бы вы запустить его с помощью nuxt generate? Потому что универсальная версия работает нормально, но сгенерированная версия заканчивается тем, что документ не определен? - person error1337; 03.02.2020

arrow_upward
1
arrow_downward

Лучше всего использовать параметр ssr: false в плагинах для запуска файла только на стороне клиента.

nuxt.config.js

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

Проверьте документ Nuxt: https://nuxtjs.org/guide/plugins#client-side-only

person Nicolas Pennec    schedule 05.09.2017
comment
Но в этом случае визуализированный html не будет равен html в браузере, и vue сохранит гидратацию для выполнения полного повторного рендеринга на стороне клиента. - person Vadim; 22.03.2018