CKEditor Autocomplete

Adds in the Autocomplete plugin for CKEditor.

This is required by plugins that need autocomplete plugin to work, like Emoji.

Other plugins can leverage autocomplete by adding this in their plugin definition:

class YourButtonPlugin extends CKEditorPluginBase implements CKEditorPluginConfigurableInterface {
  /**
   * {@inheritdoc}
   */
  public function getDependencies(Editor $editor) {
    return ['autocomplete'];
  }

  // more code...

Installation

1. Download the plugin from http://ckeditor.com/addon/autocomplete
2. Place the plugin in the root libraries folder (/libraries).
3. Enable CKEditor Autocomplete module in the Drupal admin.

Composer:

1. Copy the following into your project's composer.json file.

"repositories": [
  {
    "type": "package",
    "package": {
      "name": "ckeditor-plugin/autocomplete",
      "version": "4.11.4",
      "type": "drupal-library",
      "dist": {
        "url": "https://download.ckeditor.com/autocomplete/releases/autocomplete_4.11.4.zip",
        "type": "zip"
      }
    }
  }
]

2. Ensure you have following mapping inside your composer.json.

"extra": {
  "installer-paths": {
    "web/libraries/{$name}": ["type:drupal-library"]
  }
}

3. Run following command to download required library.

    composer require ckeditor-plugin/autocomplete
 

4. Enable the CKEditor Autocomplete module.