如何向 vue-quill 添加羽毛笔表情符号

问题描述 投票:0回答:1

我想将表情符号添加到我的鹅毛笔工具栏我看到了 vue quill 的文档并尝试按照我理解的方式进行操作,但我在我的鹅毛笔工具栏上没有看到任何内容

https://vueup.github.io/vue-quill/guide/modules.html vue-quill 添加模块的文档

import { QuillEditor} from '@vueup/vue-quill';
import '@vueup/vue-quill/dist/vue-quill.snow.css';
import 'quill-emoji/dist/quill-emoji.css';
import * as Emoji from "quill-emoji";

const toolbarOptions = {
  container: [
    ['bold', 'italic', 'underline', 'strike'],
    ['emoji'],
  ],
  handlers: {'emoji': function() {}}
}

export default {
  props: ['article'],
  components: { QuillEditor },
 setup: () => {
    const modules = {
      name: 'emoji',
      module:Emoji ,
      options:{
        toolbar: toolbarOptions,
    "emoji-toolbar": true,
    "emoji-textarea": true,
    "emoji-shortname": true,
      },
      }

    return { modules }
  },


//in the template
 <QuillEditor :modules="modules" theme="snow" toolbar="full" content-type="html" v-model:content="articleData.content" /> 

类型错误:moduleClass 不是构造函数

javascript vue.js quill vue-quill-editor
1个回答
0
投票

我也遇到同样的错误,请问你找到解决办法了吗?

© www.soinside.com 2019 - 2024. All rights reserved.