Skip to main content
Drupal is a registered trademark of Dries Buytaert
Release: OpenID Connect / OAuth client 3.0.0-alpha9 — New alpha version released for module openid_connect (3.0.0-alpha9). Release: Timelinr 1.0.1 — Minor update available for module timelinr (1.0.1). Usage Milestone: Simplify — Module simplify crossed 10,000 active installs. Usage Milestone: Views Reference Filter — Module entityreference_filter crossed 10,000 active installs. Usage Milestone: Dropdown Language — Module dropdown_language crossed 10,000 active installs. Usage Milestone: Paragraphs Browser — Module paragraphs_browser crossed 10,000 active installs. Usage Milestone: OpenAPI — Module openapi crossed 10,000 active installs. Usage Milestone: Decoupled Router — Module decoupled_router crossed 10,000 active installs. Usage Milestone: Time Field for Drupal 8+ — Module time_field crossed 10,000 active installs. Module Revived: Entityqueue Buttons 1.1.2 — Module entityqueue_buttons updated after 8 months of inactivity (1.1.2).

CKEditor 5 Bootstrap Accordion

364 sites Security covered Drupal 10–11
View on drupal.org

This project provides a Bootstrap 5 accordion plugin for CKEditor 5, allowing users to easily insert and edit accordions directly within the editor. It supports nesting and ensures accessibility, requiring Bootstrap 5 to be present in your site's theme.

Insert and edit a Bootstrap 5 accordion in CKEditor 5, seamlessly within the editor. CKEditor 5 Bootstrap Accordion is built using CKEditor 5's modern TypeScript plugin APIs and designed to look like it belongs in the editor.

Features

Core features

  • Add an accordion and insert or delete accordion items conveniently from the CKEditor toolbars.
  • Choose to open the first item or all items individually for each accordion.
  • Accordions work right out of the box, no extra CSS or JavaScript is required on your site if it already uses Bootstrap 5's provided CSS and JavaScript.
  • Accordion-in-accordion nesting is supported.

Features for developers

  • Build a custom CKEditor 5 plugin to add your own items to an accordion's toolbar, simply by altering the bootstrapAccordion.toolbarItems configuration.
  • Customize accordion styling by overriding Bootstrap 5's CSS variables, and style accordions to match your site's theme while keeping their functionality intact.

Accessibility

This project aims to be the most accessible accordion plugin available for Drupal / CKEditor 5.

  • aria-controls and aria-expanded attributes are added to all accordions and supported by Bootstrap.
  • Tab key navigation is possible while editing within an accordion widget.

Post-Installation

After installation, enable the plugin by dragging the "Accordion" item onto the toolbar of your text format (/admin/config/content/formats) and checking the box next to the "Accordion enabler" filter. Accordions won't function properly without the filter enabled.

Additional Requirements

Your site should be using the Bootstrap 5 frontend library in its main theme. The library isn't required in the admin theme or for editing the accordion.

This plugin was developed exclusively for modern Drupal 10+ sites and requires CKEditor 5, meaning it's entirely incompatible with CKEditor 4 or other editors. It's also incompatible with older versions of Bootstrap as it uses the new accordion component added to Bootstrap 5.

Related Projects

Interested in adding an advanced icon picker to CKEditor 5? Check out my sister project, CKEditor 5 Icons.

Depends on

Dependencies of the latest stable release

  • ckeditor5 Drupal core

Required by

Tracked projects that depend on this one

No tracked projects depend on this one yet.

Activity

Tracked releases
3
Tracked since
Dec 2025
Latest release
1 month ago
Releases (12 mo)
3 ▲ from 0
Maintenance
Active

Release Timeline

Releases

Version Type Core Release date
1.1.0 Stable 10–11 Jul 5, 2026
1.0.2 Stable 9–10 Dec 26, 2025
1.0.1 Stable 9–10 Dec 26, 2025