Basic Unicode Emoji Picker With No Images - jQuery emojiFace.js

File Size: 3.52 KB
Views Total: 4844
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Basic Unicode Emoji Picker With No Images - jQuery emojiFace.js

emojiFace.js is a simple yet useful jQuery plugin that adds a basic emoji picker to your text field using Unicode emoji characters and with no images. 

How to use it:

1. Create an input or textarea element where you want to append the emoji picker to.

<!-- Textarea -->
<textarea id="faceText"></textarea>
<!-- Input Field -->
<input id="faceText" type="text">

2. Insert the latest jQuery library (slim build) and the JavaScript file emojiFace.js into the page when needed.

<script src="" 
<script src="js/jquery.emojiFace.js"></script>

3. Activate the Unicode Emoji Picker on the text field.




4. Set the font size of the Unicode emoji characters.


    fontSize: 18


5. Add more emoji to the Unicode Emoji Picker. You find the Full Emoji List here.

  faceList: "

This awesome jQuery plugin is developed by focusxia. For more Advanced Usages, please check the demo page or visit the official website.