Rendering emoji's exactly same as that of emoji picker

[Veerbhadra277]

I am working on chat application and used this library for emojis. It is working fine while inserting emoji's in input text area, shown in following screenshot But once we post emoji and rendered in chat area it is rendering unicode only where as I am expecting same emoji which i have inserted. please check following screenshot.

How can i render unicode with same emoji as that of emoji picker ?

[ivanGabrielGomez]

As you have done so emojis appear above the input???

[Ishwar-D]

I use this library, but in textarea is not showing the emoji which I selected from emoji popup, its showing black dot, can please help me how to get these resolved

[cad324]

Did you figure it out? @Ishwar-D

[dominicklee]

Alright guys, I had the same request and need. To convert the unicode versions back into the same images you see in the Picker, you can do:

window.emojiPicker.appendUnicodeAsImageToElement($("#yourDivID"),"😃")

Replace yourDivID with whatever the id of your element. You can also use getElementByID('yourDivID') instead.

Hope this helps someone!

[MuhammadElmahi]

@Veerbhadra277 Did you found any solution !?