This module enhances the editor tabs in Drupal by replacing them with icon-based buttons that appear when a toggle is clicked. It improves accessibility and visual consistency for authenticated users and offers customization options with a built-in contrast checker.
Cool Editor Tabs enhances the appearance and usability of Drupal's editor tabs (View, Edit, Translate, etc.), making them more accessible and visually consistent.
🔹 How it works:
- A toggle button is displayed at a fixed position on the screen.
- Clicking it reveals the editor tabs as intuitive, icon-based buttons.
- Only authenticated users with the "Use Cool Editor Tabs" permission will see the tabs, keeping the interface clean for visitors.
🔹 Features:
- Beautiful Heroicons v2 icons for all common tabs (Edit, Delete, Translate, Revisions, Layout, Clone and more).
- Built-in icon support for popular contrib modules: Metatag, Pathauto, Redirect, Webform, Scheduler, Simple XML Sitemap, Content Moderation and Rabbit Hole.
- First-letter fallback for tabs without a matching icon — no more white circles for unknown tabs.
- Configurable colors via Administration → Configuration → User interface → Cool Editor Tabs, with a built-in real-time WCAG 2.1 contrast checker.
- Developer API: implement
hook_cool_editor_tabs_icon_alter()to provide custom icons for your own module's tabs. - Drupal Icon API integration — the icon pack is available to other modules.
🔹 Requirements:
- Drupal 11.1 or higher
Ask your assistant about Cool Editor Tabs
Check compatibility with your Drupal and PHP version, maintenance and security coverage, from current release data. How it works
Depends on
Dependencies of the latest stable release
No dependencies recorded for this project.
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.