{"id":13535650,"url":"https://github.com/contentco/quill-emoji","last_synced_at":"2026-02-21T18:36:29.394Z","repository":{"id":18910549,"uuid":"84145544","full_name":"contentco/quill-emoji","owner":"contentco","description":"Quill module toolbar extension for emoji","archived":false,"fork":false,"pushed_at":"2024-02-13T21:26:56.000Z","size":19848,"stargazers_count":277,"open_issues_count":69,"forks_count":167,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-03-27T03:37:37.586Z","etag":null,"topics":["emoji","javascript","quill-emoji","quilljs","toolbar"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/contentco.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-03-07T02:35:52.000Z","updated_at":"2025-02-03T16:31:13.000Z","dependencies_parsed_at":"2024-01-14T02:36:54.123Z","dependency_job_id":"b093406c-8830-4eb1-bd70-4a3c88329fa7","html_url":"https://github.com/contentco/quill-emoji","commit_stats":{"total_commits":189,"total_committers":22,"mean_commits":8.590909090909092,"dds":0.7142857142857143,"last_synced_commit":"a9f68b150ccfde86f70daa60b53e554b84f3c3f1"},"previous_names":[],"tags_count":18,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/contentco%2Fquill-emoji","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/contentco%2Fquill-emoji/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/contentco%2Fquill-emoji/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/contentco%2Fquill-emoji/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/contentco","download_url":"https://codeload.github.com/contentco/quill-emoji/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246743573,"owners_count":20826556,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["emoji","javascript","quill-emoji","quilljs","toolbar"],"created_at":"2024-08-01T09:00:20.155Z","updated_at":"2025-10-22T20:47:50.851Z","avatar_url":"https://github.com/contentco.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# Quill Emoji Selector\nModule extension for [Quill.js](https://github.com/quilljs/quill) that handles emojis in the toolbar. Through this extension, you can add emojis through the toolbar at the top, or by typing the emoji code.\n\n![Screenshot](/demo/screenshot.png)\n\nTo add an emoji via emoji code, type ``:`` followed by the first few letters, and an autocomplete menu will appear. You can then select or ``tab`` to the preferred emoji.\n\n\n\n\n#### This module is still in active development\n\n## Installation\n\n```sh\nyarn add quill-emoji\n```\n\n## Usage\n### Webpack/ES6\n\n```javascript\nconst toolbarOptions = {\n  container: [\n    ['bold', 'italic', 'underline', 'strike'],\n    ['emoji'],   \n  ],\n  handlers: {'emoji': function() {}}\n}\nconst quill = new Quill(editor, {\n  // ...\n  modules: {\n    // ...\n    toolbar: toolbarOptions,\n    \"emoji-toolbar\": true,\n    \"emoji-textarea\": true,\n    \"emoji-shortname\": true,\n  }\n});\n```\n\nor \n\n```javascript\nimport * as Emoji from \"quill-emoji\";\nQuill.register(\"modules/emoji\", Emoji);\n\n\u003cQuill\n  defaultValue=\"\"\n  theme=\"snow\"\n  modules={{\n    toolbar: toolbarOptions,\n    \"emoji-toolbar\": true,\n    \"emoji-textarea\": true,\n    \"emoji-shortname\": true,\n  }}\n  value={quill_data.delta}\n/\u003e\n```\n\n### Import styles\n\nStyles are present under\n\n```javascript\nimport \"quill-emoji/dist/quill-emoji.css\";\n```\n\n\n\n### Examples\n- [Classic HTML/JS](demo/index.html)\n- [AngularJS](demo/angular.html) using [ng-quill](https://github.com/KillerCodeMonkey/ng-quill)\n\n### Options\nSee [emoji-list.js](src/emoji-list.js) for emoji list example\n\n#### Example options\n```javascript\n// Custom emoji-list\nconst emojiList = [ /* emojiList */ ];\n\n// MDI emojicon instead of default icon\nconst emojiIcon = '\u003csvg class=\"i\" viewBox=\"0 0 24 24\"\u003e\u003cuse href=\"#emoticon-happy\"\u003e\u003c/use\u003e\u003c/svg\u003e';\n\nconst quill = new Quill(editor, {\n  // ...\n  modules: {\n    // ...\n    \"emoji-shortname\": {\n      emojiList: emojiList,\n      fuse: {\n        shouldSort: true,\n        threshold: 0.1,\n        location: 0,\n        distance: 100,\n        maxPatternLength: 32,\n        minMatchCharLength: 1,\n        keys: [\n          \"shortname\"\n        ]\n      },\n      onOpen: function() { /* ... */ },\n      onClose: function(emojiListItem) { /* ... */ }\n    },\n    \"emoji-toolbar\": {\n      buttonIcon: emojiIcon\n    },\n    \"emoji-textarea\": {\n      buttonIcon: emojiIcon\n    }\n            \n  }\n});\n```\n\n### Custom Emoji Blot\nIf you need to display the emojis in a different way, you can customize the [emoji blot](src/format-emoji-blot.js) by creating a new blot or extending the default emoji blot.\n\n#### New emoji blot\n```javascript\nimport Quill from 'quill';\n\nconst Embed = Quill.import('blots/embed');\n\nclass EmojiBlot extends Embed {\n    // Customized version of src/format-emoji-blot.js\n    // ...\n}\n\nEmojiBlot.blotName = 'emoji';\nEmojiBlot.tagName = 'span';\n\nQuill.register({\n    'formats/emoji': EmojiBlot\n}, true);\n```\n\n## Contributing\n\nPlease check out our [contributing guidelines](CONTRIBUTING.md).\n)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcontentco%2Fquill-emoji","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcontentco%2Fquill-emoji","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcontentco%2Fquill-emoji/lists"}