Can't not important.

引入相關套件後會崩壞，沒有印入相關套件時卻又能正常運行。 https://imgur.com/a/4hbEpJV 不曉得有沒有人碰到這問題。

關於 vue.config.js 的設定也打了。

configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                'window.Quill': 'quill/dist/quill.js',
                'Quill': 'quill/dist/quill.js'
            }),
        ],
        optimization: {
            splitChunks: {
                minSize: 20000,
                maxSize: 300000,
            }
        },
    },

引入時的語法

import hljs from 'highlight.js';
import { quillEditor } from 'vue-quill-editor';
import Quill from 'quill';
import ImageResize from '@taoqf/quill-image-resize-module';
import { ImageDrop } from 'quill-image-drop-module';
import QuillEmoji from 'quill-emoji';

Quill.register({
  'modules/imageResize': ImageResize,
  'modules/imageDrop': ImageDrop,
  'formats/emoji': QuillEmoji.EmojiBlot,
  'modules/emoji-shortname': QuillEmoji.ShortNameEmoji,
  'modules/emoji-toolbar': QuillEmoji.ToolbarEmoji,
  'modules/emoji-textarea': QuillEmoji.TextAreaEmoji
});

data 裡的使用打法如下

data() {
    return {
      content: '',
      editorOption: {
        modules: {
          imageDrop: true,
          imageResize: true,
          toolbar: {
            container: [
              ['bold', 'italic', 'underline', 'strike'], // 粗體、斜體、底線、刪除線
              ['emoji'], // 表情
              ['blockquote', 'code-block'], // block 區塊、code 區塊

              [{'header': 1}, {'header': 2}], // custom button values
              [{'list': 'ordered'}, {'list': 'bullet'}], // 數字列表、點列表
              [{'script': 'sub'}, {'script': 'super'}], // superscript/subscript
              [{'indent': '-1'}, {'indent': '+1'}], // 向內縮排/向外縮排
              [{'direction': 'rtl'}], // text direction

              [{'size': ['small', false, 'large', 'huge']}], // 字體大小
              [{'header': [1, 2, 3, 4, 5, 6, false]}], // h1~h6

              [{'color': []}], // 文字顏色、背景顏色
              [{'background': []}], // 背景顏色
              [{'font': []}], // 字體
              [{'align': []}], // 排列
              ['link', 'image', 'video'], // 插入超連結、插入圖片、插入影片
            ],
          },
          'emoji-toolbar': true,
          'emoji-textarea': true,
          'emoji-shortname': true,
        },
      },
    };
  },

希望能獲的解答了 非常感謝～

[finebo]

yes,I have the demo,if you have time,I can provide my code for you tomorrow,

—Original— From: “ZeHung”<[e-mail]> Date: Wed, Mar 25, 2020 18:15 PM To: “surmon-china/vue-quill-editor”<[e-mail]>; Cc: “Comment”<[e-mail]>;“fine”<[e-mail]>; Subject: Re: [surmon-china/vue-quill-editor] Can’t not important. (#370)

Do you have demo code?

I guess you didn’t installed quill-emoji, if you need to use quill-emoji you should install it.

Use npm install quill-emoji or yarn add quill-emoji and can customize by quill-emoji document

— You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

[finebo]

我确信引入了emoji 模块，但是始终不能生效，我可以打印出quillemoji实例