CKEditor SDK

Autocomplete Documentation

The optional Autocomplete plugin, introduced in CKEditor 4.10, provides contextual completion functionality for custom text matches based on user input. Every time the user types a pre-configured special character, such as @ or #, they get information about available Autocomplete suggestions displayed in a dedicated dropdown.

This feature is a base for implementing specialized Autocomplete features, such as Mentions, Tags, Emoji or custom implementations.

The following sample implements a few smart placeholders for Customer Care Service email responses. Start typing the name of one of the placeholders visible on the right side of the editor. Type [[ and accept the selected placeholder from the dropdown using the Enter or Tab key.

See also the Autotag plugin sample which presents a proof-of-concept plugin that can created by following the step-by-step tutorial.

Related Features