contentco / quill-emoji

Quill module toolbar extension for emoji
275 stars 165 forks source link

Double emoji button #176

Open csulit opened 1 year ago

csulit commented 1 year ago

Screenshot -> https://kmc-s3.sgp1.cdn.digitaloceanspaces.com/Quill.png

// quill-emoji.ts
import Quill from "quill";
import emoji from "quill-emoji";
import "quill-emoji/dist/quill-emoji.css"; // Causing the double emoji button

Quill.register("modules/emoji", emoji);

And when removing the CSS the style for the emoji picker container will be gone.

rydlo-michal commented 1 year ago

The buttons are defined in the modules config:

const quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    toolbar: toolbarOptions,
    "emoji-toolbar": true,
    "emoji-textarea": true,
    "emoji-shortname": true,
  }
});

the toolbar button by emoji-toolbar, the textarea button by emoji-textarea