DEV Community

Discussion on: Emoji Button, a vanilla JavaScript emoji picker

Collapse
 
fzwael profile image
Wael Fezai

Great work! Looks really amazing :)

I just have one question, every emoji is a png file right ?
Isn't it easier to put all the images in one font using something like : icomoon.io

Collapse
 
joeattardi profile image
Joe Attardi

The answer to your question is "it depends".

With the latest version, Emoji Button has two modes: native emojis, or Twemojis.

If you use the native style, it uses the actual emoji glyphs from your operating system, no pngs or images of any kind, just the raw Unicode sequences rendered by the system font.

If you use Twemoji style, then yes, each emoji is an image. Twemoji doesn't support sprite sheets that I know of so they use individual images.

The problem with an icon font is that they typically can only have one color, as far as I know.

Anyway, thanks for the comment and feel free to check out the latest version at emoji-button.js.org/

Collapse
 
fzwael profile image
Wael Fezai

Got you! thanks :)

I'm on it, I'm trying to add it to Quilljs, I will let you know how it goes.

Thanks again for the amazing work.

Thread Thread
 
joeattardi profile image
Joe Attardi

Awesome! Good luck with the integration. Let me know if you need any help or changes on my end to make it work.

Thanks again for checking out the project!

Thread Thread
 
fzwael profile image
Wael Fezai

Hello Joe,

I just want to let you know it worked as expected with Angular & Quill :D
I actually ended up created an Angular wrapper for your picker => github.com/Fzwael/ngx-emoji-button (it's still in first stage)

Thanks again for your help.

Thread Thread
 
joeattardi profile image
Joe Attardi

Nice! I was thinking about creating a React wrapper at some point, as well. Might drive better adoption if the integration is already done :)