Quill Extension for Emoji Selection
npm install @windmillcode/quill-emoji: followed by the first few letters, and an autocomplete menu will appear. You can then select or tab to the preferred emoji.
Installation
`sh
npm install @windmillcode/quill-emoji
`
Usage
`javascript
// someone can contribute and make ShortNameEmoji work
// itseems the only emoji needed is text area
import Quill from 'quill';
import {
// ShortNameEmoji
// EmojiBlot
// ToolbarEmoji
TextAreaEmoji }from "@windmillcode/quill-emoji";
// Quill.register(EmojiBlot)
// Quill.register('modules/emoji-shortname', ShortNameEmoji,true)
// Quill.register('modules/emoji-toolbar', ToolbarEmoji,true)
Quill.register('modules/emoji-textarea', TextAreaEmoji,true)
`
$3
Styles are present under
`javascript
import "@windmillcode/quill-emoji/quill-emoji.css";
`
$3
See emoji-list.js for emoji list example
#### Example options
`javascript
// Custom emoji-list
const emojiList = [ / emojiList / ];
// MDI emojicon instead of default icon
const emojiIcon = '';
const quill = new Quill(editor, {
// ...
modules: {
// ...
"emoji-shortname": {
emojiList: emojiList,
fuse: {
shouldSort: true,
threshold: 0.1,
location: 0,
distance: 100,
maxPatternLength: 32,
minMatchCharLength: 1,
keys: [
"shortname"
]
},
onOpen: function() { / ... / },
onClose: function(emojiListItem) { / ... / }
},
"emoji-toolbar": {
buttonIcon: emojiIcon
},
"emoji-textarea": {
buttonIcon: emojiIcon
}
}
});
``