Drupal is a registered trademark of Dries Buytaert
Protected Pages 3.0.0 Major update available for module protected_pages (3.0.0). Commerce Core 3.3.8 Minor update available for module commerce (3.3.8). Search API HTML Element Filter 1.0.7 Minor update available for module search_api_html_element_filter (1.0.7). Layout Builder Reorder 2.0.1 Minor update available for module layout_builder_reorder (2.0.1). Ban 1.1.0 Minor update available for module ban (1.1.0). Field Formatter Range 2.0.0 Major update available for module field_formatter_range (2.0.0). Field Formatter Range 8.x-1.8 Minor update available for module field_formatter_range (8.x-1.8). UI Patterns (SDC in Drupal UI) 2.0.18 Minor update available for module ui_patterns (2.0.18). Search API Solr 4.3.11 Module search_api_solr updated after 14 months of inactivity (4.3.11). Provus Mega Menu Module provus_mega_menu crossed 1,000 active installs.

CKEditor Accordion

17,822 sites Security covered
View on drupal.org

This module adds a new button to CKEditor that allows users to create and display content in an accordion format. It supports both CKEditor 4 and 5 installations.

Allows users to create & display content in an accordion.

Description
Adds a new button to Drupal's built in CKEditor which allows the user to create & display any type of content in an accordion format.

The styling is minimal blue and easily over writeable by developers.

Version 2 supports both CKEditor 4 & 5, with an upgrade path included for those looking to upgrade their version.

CKEditor 5 Installation

  1. Install & Enable the module
  2. Open Administration > Configuration > Content authoring > Text formats and editors (admin/config/content/formats)
  3. Edit a text format's settings (usually Basic HTML)
  4. Drag n Drop the Add Accordion -button to the toolbar to show it to the users

CKEditor 4 Installation

  1. Install & Enable the module
  2. Open Administration > Configuration > Content authoring > Text formats and editors (admin/config/content/formats)
  3. Edit a text format's settings (usually Basic HTML)
  4. Drag n Drop the Add Accordion -button to the toolbar to show it to the users
  5. Scroll down to the bottom to the input Allowed HTML tags
  6. Find and replace <dl> with <dl class>

    This makes sure CKEditor doesn't remove the class name that the accordion uses.

Activity

Total releases
3
First release
Mar 2025
Latest release
1 year ago
Releases (12 mo)
0 ▼ from 3
Maintenance
Dormant

Release Timeline

Releases

Version Type Release date
2.3.0 Stable Jun 25, 2025
2.2.2 Stable Mar 24, 2025
2.2.1 Stable Mar 24, 2025