gtgalone / react-quilljs

React Hook Wrapper for Quill, powerful rich text editor.
https://www.npmjs.com/package/react-quilljs
MIT License
247 stars 28 forks source link

Module integration not working #70

Closed devdcodes9 closed 6 months ago

devdcodes9 commented 9 months ago

Tryig to use this plug in for emojis - https://github.com/contentco/quill-emoji . Plugin is getting registered successfully but not able to add it to toolbar. Getting this error. Please help. image

Registeration Quill.register('modules/emoji', Emoji, true);

Toolbar const { quill, quillRef, Quill } = useQuill({ modules: { table: false, 'better-table': { operationMenu: { items: { unmergeCells: { text: 'Another unmerge cells name', }, }, }, }, keyboard: { bindings: QuillBetterTable.keyboardBindings, }, mention: allowMention && { allowedChars: /^[A-Za-z\sÅÄÖåäö]*$/, mentionDenotationChars: mentionChars, onSelect: onMentionSelect, renderItem: renderMentionItem, source: onSearchMention, showDenotationChar: showDenotationChar, }, toolbar: disableToolbar ? false : toolbarOptions || { container: [ ['bold', 'italic', 'underline', 'strike', 'blockquote'], [{ header: 1 }, { header: 2 }], [{ list: 'ordered' }, { list: 'bullet' }], [{ script: 'sub' }, { script: 'super' }], [{ indent: '-1' }, { indent: '+1' }], [{ color: [] }, { background: [] }], [{ font: [] }], [{ align: [] }], ['link', 'image', 'video'], ['clean'], ['emoji'], ['table'], ], }, }, 'emoji-toolbar': true, // 'emoji-textarea': false, // 'emoji-shortname': true, }, });

devlopersabbir commented 9 months ago

did you fix this issue??

devdcodes9 commented 9 months ago

Not really, but I tried making a new package for quill-emoji for react-quilljs. You can try using it : quill-emojijs

gtgalone commented 6 months ago

I think this issue is not related with this package.