search

jmadler / emoji-picker

Add a slick emoji selector to input fields and textareas on your website.
Other
1.32k stars 318 forks source link

Rendering emoji's exactly same as that of emoji picker #81

Open Veerbhadra277 opened 7 years ago

Veerbhadra277 commented 7 years ago

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 image 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. image

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

ivanGabrielGomez commented 7 years ago

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

Ishwar-D commented 6 years ago

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 commented 5 years ago

Did you figure it out? @Ishwar-D

dominicklee commented 4 years ago

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 commented 4 years ago

@Veerbhadra277 Did you found any solution !?