Code Monkey home page Code Monkey logo

Comments (2)

 avatar commented on May 24, 2024 1

Hi @ealush.

Thanks for your help. I was able to get the emojis from the specific git commit (19299c91bc87374118f06b2760f1ced69d714ab1) you posted.

That way we can host the emojis on our own CDN without any discrepancies.

You're a star

from emoji-picker-react.

ealush avatar ealush commented on May 24, 2024

Hey @rmdevos, thanks for posting this issue, and I am sorry that you are experiencing it. I'll try to give you a brief explanation on why it is happening, and maybe assist with a workaround that should work for you.

Why is this happening to me?

In order to make emoji-picker-react configuration free, and so you don't need to worry about hosting the images yourself, I used a free CDN hosting the emojione images. Apparently it uses a slightly different convention than emoji-js which creates these discrepancies. This mostly affects the compound emojis with more than one attribute.

How can I fix it?

Emojione stopped being free, so it is hard finding a good up-to-date cdn with their emojis (I might end up switching to Apple), but I did manage to find a solution - use emoji-js's own repo. It since has been deleted, but luckily, everything on the internet stays forever.

So - When configuring emoji-js, instead of using the url I supplied (documentation link), do this:

jsemoji.img_sets.emojione.path = 'https://cdn.jsdelivr.net/gh/iamcal/emoji-data@19299c91bc87374118f06b2760f1ced69d714ab1/img-emojione-64/';

I tried it on a couple of emojis, including the one that didn't work for you, and it seemed to work well.

Can you please try using this url and let me know if it works for you as well?

I hope that helps.

from emoji-picker-react.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.