Nuxt中使用富文本编辑器vue-quill-editor+图片上次quill-image-extend-module

module.exports = {

// some nuxt config...

plugins: [

{ src: '~plugins/nuxt-quill-plugin.js', ssr:false}

],

// some nuxt config...

css: [

'quill/dist/quill.snow.css',

'quill/dist/quill.bubble.css',

'quill/dist/quill.core.css'

],

// some nuxt config...

}

然后在 plugins 文件夹中新建 nuxt-quill-plugin.js 文件,写入一下内容:

importVue from 'vue'

importVueQuillEditor from 'vue-quill-editor/dist/ssr'

Vue.use(VueQuillEditor)

然后在页面中调用:

v-if="editorOption"

class="quill-editor"

v-model="content"

@change="onEditorChange($event)"

@blur="onEditorBlur($event)"

@focus="onEditorFocus($event)"

@ready="onEditorReady($event)"

v-quill:myQuillEditor="editorOption">

感谢 @amoshydra 提供帮助

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180903G1IJ1T00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码关注腾讯云开发者

领取腾讯云代金券