• Jodit
  • PRO
  • Builder
  • Getting Started
  • Playground
  • Examples
  • Documentation
  • Download
  • Overview
  • Issue tracker
  • Docs
  • Plugins
  • Demo
  • Pricing
  • File Browser Pro
  • Sign in
Get connected wth us on social networks!

Footer

Jodit Core

  • Jodit Home page
  • Documentation
  • Playground
  • Examples
  • Github
  • Issues

Integration

  • Jodit React
  • Jodit Angular
  • Jodit Vue
  • Jodit Yii2
  • Jodit Joomla

PRO/OEM plugins

  • AutoComplete
  • Backup Plugin
  • Button Generator
  • Change case
  • Custom Color Picker
  • Emoji
  • Finder
  • Google Search
  • Paste code
  • Show Blocks
  • Virtual Keyboard
  • Tune block
  • Highlight signature
  • Google Maps Editor
  • Export in PDF
  • Page Break
  • Iframe Editor
  • Paste from Word PRO
  • Mobile View
  • ToDo List
  • Translate

Links

  • Demo PRO/OEM
  • Demo FileBrowser PRO
  • Price
  • License
  • Support
  • For resellers

Versions

  • site v.0.1.810
  • Jodit PRO v.4.6.4
  • Jodit v.4.6.2
  • All versions
2025 © Copyright: XDSoft.net <support@xdsoft.net>
  • Getting started

    • Installation
    • Usage
    • Support
    • FAQs
    • Cloud
    • Examples
  • How to

    • Create plugin
    • Add custom button
    • Add custom font in the font list
    • How to create module
    • How to generate license key
    • How to make a backend finder
    • How to set up document view
  • Modes

    • Source mode
  • Customisation

    • Theme
    • Keyboard
  • API

    • License Rest API
    • JS API
  • Changelog

  • Plugins

    • AutoComplete
    • Backup Plugin
    • Button Generator
    • Change case
    • Custom Color Picker
    • Emoji
    • Finder
    • Google Search
    • Paste code
    • Show Blocks
    • Virtual Keyboard
    • Tune block
    • Highlight signature
    • Google Maps Editor
    • Export in PDF
    • Page Break
    • Iframe Editor
    • Paste from Word PRO
    • Mobile View
    • ToDo List
    • Translate

Emoji plugin 😀😀😀

This plugin introduces support for easy inserting of emoji characters in a unified, platform-independent way. Emojis are inserted by typing codes based on Unicode Short Names in the editor or by opening the emoji dropdown with a toolbar button.

The emoji dropdown allows you to filter the list, navigate by category or search for relevant emoji.

Keyword matching functionality ensures that when you are looking for a term (such as "doctor"), related matches (like ":face_with_medical_mask:", ":man_health_worker:", ":woman_health_worker:", ":hospital:" or ":pill") will be displayed, too.

The Emoji plugin that provides this functionality is an implementation of the Autocomplete feature. It includes an autocomplete component that will list available emojis after the user types the colon character (":") in the editor content.

Parse

By default, emoji list loaded from https://raw.githubusercontent.com/github/gemoji/master/db/emoji.json and postprocess it. You can run node utils/parse.js file and get the latest version of it.

Options

Jodit.make('#editor', { emoji: { enableAutoComplete: true, // start with : to insert a Unicode emoji character. Type at least 2 characters e.g. :fa recentCountLimit: 100, // show last 100 choosen emojis (default 10) data: () => ({ categories: ['Smileys & Emotion'], emoji: [ { e: '😀', d: 'grinning face', c: 0, a: ['grinning'], t: ['smile', 'happy'] }, { e: '😃', d: 'grinning face with big eyes', c: 0, a: ['smiley'], t: ['happy', 'joy', 'haha'] } ] }) } });
Copy

or use remote source

Jodit.make('#editor', { emoji: { data: () => fetch('https://some.com/emoji.json').then((res) => res.json()) } });
Copy

Screenshots

Demo

Full demo including Premium Plugins! 

These examples display all of the plugins available with Jodit Editor PRO/OEM version.

Jodit Editor

Framework  plugins Complete  documentation Examples 
Try playÂ