web-dev-qa-db-fra.com

JQuery Emoji picker

Je voulais que mes utilisateurs soient autorisés à insérer des emojis dans une zone de texte. J'ai cherché un plugin JQuery, ce qui me permettrait de leur donner un sélecteur comme Emojipicker intégré Mac, iOS ou Webogram. Mais je n'ai pas pu trouver un bon, qui a trié toutes les icônes et les a affichées?

Y a-t-il une possibilité de le faire?

Mac Emojipicker:

enter image description here

javascriptjqueryemoji
43
JSHelp

Après la première fois que j'ai posé cette question, je n'ai obtenu que des votes négatifs. J'ai donc pensé qu'il n'y avait probablement pas d'autre plugin et j'ai développé le mien basé sur Emojiarea (qui est également utilisé par Webogram). Parce que je n'ai pas copié le code de Webogram, je n'ai pas encore trié les icônes mais ma solution fonctionne comme je l'ai excepté.

Le plugin personnalisé peut être trouvé sur mon compte Github https://github.com/GittiHab/jquery-emojiarea .

J'espère que cela aide les autres avec un problème similaire et enlève du travail.

61
JSHelp

Merci pour votre travail @JSHelp.

J'en ai trouvé un autre ici:
https://github.com/wedgies/jquery-emoji-picker

Exemple d'utilisation:

Initialisez le jQuery Emoji Picker en appelant emojiPicker sur un élément d'entrée (...):

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

J'en ai trouvé un autre, c'est-à-dire des plugins d'angular-emoji-popup que vous pouvez encoder et décoder des émoticônes et choisir des emoji dans popup. Ces plugins sont utiles pour ceux qui veulent afficher des emoji sur une page Web. vous pouvez télécharger ces plugins depuis github: - https://github.com/Coraza/angular-emoji-popup

3
Umesh Markande