Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Displaying Emoji in Google Chrome

I have a Google Chrome Extension that supports chat. The chrome extension displays the messages sent to you in desktop notification. I have noticed that whenever I send an emoji from an iPhone, it correctly displays in the Desktop notification. But when I try to display the same emoji in the actual application (it's an iframe injected into the page), it appears as a square.

Seems like there's an open bug at https://code.google.com/p/chromium/issues/detail?id=62435. I was wondering why it works correctly in Desktop Notification and not otherwise? Also, is there anything I can do to fix it?

like image 697
Trunal Bhanse Avatar asked Jan 30 '14 22:01

Trunal Bhanse


People also ask

Why can't I see emojis on my Chrome?

Make sure you have the latest Chrome stable build installed. Once installed, type chrome://flags in the address bar and press enter. Search for Emoji and when the Emoji Context Menu appears, set it to Enabled. Chrome will prompt you to restart Chrome in order to enable the features.

What is the emoji shortcut on Chrome?

The emoji keyboard also has a keyboard shortcut. To insert an emoji, move the cursor to the text field where you want to insert the emoji and click it. Press Search/Launcher + Shift + Space. Palash Volvoikar / Android Authority. The emoji keyboard will pop up.

What is the shortcut key for emoji?

Open the standard emoji keyboard The keyboard shortcut for non-touchscreen Windows computers is Windows + ; (semi-colon) or Windows + . (period) to access your emojis.


1 Answers

I just implemented Emoji support in my extension using the open-source Twemoji library.

In the simplest form, it involves adding a .js file and calling a function on a DOM element to replace Unicode emoji with Twitter CDN provided images:

twemoji.parse(node);

See the repository readme for more options.

like image 78
Xan Avatar answered Sep 29 '22 11:09

Xan