jquery html() method does not render emoticons properly

Asked Jun 08 '16 at 16:08

Active Jun 08 '16 at 16:10

Viewed 66 times

When emoticons represented in unicode format are used as input to html() method, the output is not always as expected. For example, below is my code -

var smilingEyes = "\ud83d\ude01";
el.html(smilingEyes); // This works and displays the emoji correctly

var unicodeFormatOfSmiley = data.unicodeFormatFromServer; // The value of this is - \ud83d\ude01
el.html(unicodeFormatOfSmiley); // This does not work!!!!!!!!

The problem arises when I get the emoji represented in unicode format from the backend server. I checked, re-checked and again checked the unicode sent from the server. The server is sending the correct unicode representation of the emoji and when I use this in the html() element, instead of displaying the emoji, the unicode representation of the emoji is displayed.

Any help, suggestion is greatly appreciated.

edited Jun 08 '16 at 16:10

Rory McCrossan

331,213
40
305
339

asked Jun 08 '16 at 16:08

opensourced101

Is the server data URL or HTML encoded? Is it sent UTF-8 or some other encoding? – Rory McCrossan Jun 08 '16 at 16:10
Can you try adding quotes var unicodeFormatOfSmiley ="+ data.unicodeFormatFromServer+"; – Naga Sai A Jun 08 '16 at 16:16

jquery html() method does not render emoticons properly

0 Answers0