The optional Mentions and Emoji plugins, introduced in CKEditor 4.10, support inserting Mentions, tags and emojis into the editor content. Both features were built on top of the Autocomplete plugin that provides a base for smart autocompletion functionality for custom text matches based on user input.
Every time the user types the selected, pre-configured marker into the editor, available autocomplete suggestions are displayed in the dedicated dropdown and can be inserted into the content with Enter or Tab keys. Use the sample below to try out some autocomplete suggestions:
@to mention a user.
#to insert a food-related tag. Type at least 1 character e.g.
:to insert a Unicode emoji character. Type at least 2 characters e.g.
Check the documentation for the Mentions and Emoji plugins for some customization options. Read more about the Autocomplete feature if you want to implement a custom smart completion mechanism.