JQuery Emoji picker

JavascriptJqueryEmoji

Javascript Problem Overview


I wanted my users to be allowed to insert emojis into a text box. I have searched for a JQuery plugin, which would allow me to give them a picker like the Mac, iOS or Webogram integrated Emojipicker. But I couldn't find a proper one, which sorted all icons and displayed them?

Is there any possibility to do this?

Mac Emojipicker:

enter image description here

Javascript Solutions


Solution 1 - Javascript

After the first time I asked this question, I only got down votes. So I thought, probably there isn't any other plugin out there and I developed my own based on Emojiarea (which also Webogram uses). Because I didn't copy the code from Webogram, I didn't sort the icons yet but my solution works how I excepted it.

The custom plugin can be found on my Github Account https://github.com/GittiHab/jquery-emojiarea.

I hope this helps others with a similar problem and takes away some work.

Solution 2 - Javascript

Thanks for your work @JSHelp.

I've found another one here:
https://github.com/wedgies/jquery-emoji-picker

Example usage:

>Initialize the jQuery Emoji Picker by calling emojiPicker on an input element (...):

$('.question').emojiPicker({
  height: '300px',
  width: '450px'
});

Solution 3 - Javascript

I've found another one i.e angular-emoji-popup plugins that you can encode and decode emoticons and pick emoji from popup. This plugins helpful for those who want to show emoji on webpage. you can download this plugins from github:- https://github.com/Coraza/angular-emoji-popup

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionDeproblemifyView Question on Stackoverflow
Solution 1 - JavascriptDeproblemifyView Answer on Stackoverflow
Solution 2 - JavascripttherealmarvView Answer on Stackoverflow
Solution 3 - JavascriptUmesh MarkandeView Answer on Stackoverflow