Screenshot of the Ckeditor 5 Widget Menu with buttons in the dropdown

This module allows lots of widget buttons to be placed in a dropdown list so that they don't clutter the CKEditor toolbar.

CKEditor 5

Place the widget_menu button into a CKEditor 5 toolbar between | pipe separators with other buttons to the right. The other buttons will be removed from the main toolbar and added into a dropdown menu.

CKEditor 5 button configuration for the menu

CKEditor 4

You can still use this with the CKEditor 4 module.

Required JavaScript Library

https://www.npmjs.com/package/ckeditor-widgetmenu

Place the JavaScript package into your project's root /libraries directory. Ensure that the directory is named widget_menu. Verify that the package path is correct by locating the following plugin.js file at /libraries/widget_menu/plugin.js.

Adding Buttons into the menu

Place the widget_menu button into the CKEditor toolbar within a Group
containing other buttons. Each button in the group will be removed from the main
toolbar and added into a dropdown menu.

Button configuration for the menu

Project information

Releases