pladaria / react-emojione Goto Github PK

You should not expect the consumer of the module will use ES2015. And even using it, they will probably not use the same babel/webpack config.

A common practice for npm modules written in ES2015 or other language is to create a prepublish npm script which compiles the source code to ES5 and add a .npmignore file to ignore every file in your project but the build.

We very often use :+1: and :-1: on GitHub, but those won't get emojified by react-emojione. Currently, only :thumbsup: and :thumbsdown: translate to 👍 and 👎 . Any chance to get support for :+1:? 😃

I might be wrong but is it possible to only cherry pick the emoji I want to use and leave out the rest? This due to the fact that a size of 2,5 MB is quite a lot of bandwidth for mobile users etc.

Hello!

I'm using react-emojione in my app and there is an issue where the emoji images show up correctly but when I grab the innerHTML of each generated by the component, I get something like 😄 or 😆 or ¼. I believe that the unicode values are somewhat screwed up. The weirdest thing is that I do not have this issue in my dev environment, only in production (on AWS EC2).

Something that might be noteworthy: The users of the app do use Spanish characters.

Any idea what could be the problem?

Please find attached a screenshot of the bug in production and the React file where the issue occurs.

Thanks!

MessageReply.txt

The sprite file is too big. My project does not need such a large selection. How can I create my sprite using 10-20 emoticons?

Thx.

What is the correct version of emojione?
I want to download emoji image into my machine. But I don't how?
Because when I use the image from my machine it displays not correct.

The lib works fine in react 15.3.x

emojis with unicode which has - or _ is not working.

eg, 1f1e6-1f1e9

Can you please look into this?

When using the emojify function every emoji gets turned into [object Object]

React 16

I'm seeing that by default the emoji has a textIndent of -9999em. This causes the emoji to be shifted to the left until it's off the page and can't be seen. When I set this property to 0, the emoji appears in the normal place. Is there a reason for this?

Basic setup, emojis dont appear and net::ERR_FILE_NOT_FOUND for path MyProject/emojione.sprites.png is printed to the console. emojione.sprites.png is a file located in the package, so I assume this is incorrect.

I can however get it working passing in {output: 'unicode'}. What might the issue be?

First, thank you for the nice lib!

Second, I'd like to use the lib with contenteditable block.
Contenteditable is a little bit tricky in React and, in short, it requires dangerouslySetInnerHTML to work.

So is it possible to add support for raw html output?

The Height property doesn't work with % ,"vh" or "vw", is it possible to add this support?

My emojis doesn't seem to load.

Is this a wrapper of https://www.npmjs.com/package/emojione?

I noticed that this package is making use of the Map class from ES2015 which isn't supported (fully?) before IE edge. The code specifically breaks down when trying to call the entries() function on the asciiRegExpToUnicode object.

Not sure if it's in your scope to fix it, but thought I'd mention it because it caused me quite a bit of hassle.

Cheers,

Jason

classNames to allow for option aside from inline styling

I have something like this:

<div className="text-with-emojis">
    <Emojify>{text}</Emojify>
</div>

where text-with-emojis class has the text-align: right css rule.
Then the displayed emojis look like this:

If I remove the text-align: right the emojis are displayed right:

I've been playing with css rules but can't find the solition. Any ideas?

Hello there,
I find your tool extremely useful and have built it into my React application. However, I now have the problem that all browsers (Firefox 62, Firefox Developer 63, Opera 55, Chrome 69 tested) support react-emojione, but the Internet Explorer, the little piece of shit that throws a stacktrace. Which looks like this:

source code looks so:

...
import Emojify from 'react-emojione';
...
<Emojify style={{height: 20, width: 20}}>

<LanguageButton onClick={() => this.props.changeLanguageFunc("de")}>:flag_de:</LanguageButton>

<LanguageButton onClick={() => this.props.changeLanguageFunc("en")}>:flag_gb:</LanguageButton>

</Emojify>
...

Perhaps I am doing something wrong.

Nice lib!
Any plans updating to EmojiOne 3?
An option to use the older version would be a good idea, a custom prop on Emojify would make it possible to choose version 2 or 3.

I'm using emoji-mart for emoji pikcer and emojione for rendering emojis on chat page.

But emojione doesn't support some of the emojis, like I faced the problem with ☠️

Can someone please help regarding this?

Thanks

The default css styling for emojis are a large array of rules that might not be required at all. I for one don't need any styling. Just the emoji.

I should be able to opt out of having my emoji specially styled by the default rules.

I could help with this if it's accepted as a useful enhancement.

The new EmojiOne 4.0 images are released! Will there be a new version of react-emojione that uses these new images?

Currently, I can render emoji's from the message text using the following code:

<p>{emojify(message.text, {output: 'unicode'})}</p>

Here, I simply pass the entire message into the emojify() function, and it renders emojis where found. What I would like to do is increase the size of the emojis in the message, without increasing the font size of the rest of the message.

How can this be done?

Very high, emoji can be displayed, but the emoji is slow, I have an emoji list (about 50), and it took eight seconds to refresh.

There are new emoji's that are not being emojified, is there a way to fix this?