PHPackages                             cu-boulder/ckeditor5\_bootstrap\_accordion - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. cu-boulder/ckeditor5\_bootstrap\_accordion

ActiveDrupal-custom-module[Utility &amp; Helpers](/categories/utility)

cu-boulder/ckeditor5\_bootstrap\_accordion
==========================================

Insert and edit a Bootstrap 5 accordion in CKEditor 5.

038.2kTypeScript

Since Feb 11Pushed 1mo ago2 watchersCompare

[ Source](https://github.com/CuBoulder/ucb_ckeditor_accordion)[ Packagist](https://packagist.org/packages/cu-boulder/ckeditor5_bootstrap_accordion)[ RSS](/packages/cu-boulder-ckeditor5-bootstrap-accordion/feed)WikiDiscussions main Synced today

READMEChangelogDependenciesVersions (1)Used By (0)

CKEditor 5 Bootstrap Accordion
==============================

[](#ckeditor-5-bootstrap-accordion)

Insert and edit a [Bootstrap 5 accordion](https://getbootstrap.com/docs/5.3/components/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
--------

[](#features)

### Core 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 needed on your site if it already uses Bootstrap 5's provided CSS and JavaScript.
- Accordion-in-accordion nesting is supported.

### Features for developers

[](#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

[](#accessibility)

- `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
-----------------

[](#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
-----------------------

[](#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.

###  Health Score

29

—

LowBetter than 63% of packages

Maintenance61

Regular maintenance activity

Popularity29

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity11

Early-stage or recently created project

 Bus Factor1

Top contributor holds 50% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/8b717634bb237615f360e13a5b1d2efc6f40cb17f77568f8a6401aa978921b4e?d=identicon)[OSRWebDeploy](/maintainers/OSRWebDeploy)

---

Top Contributors

[![jnicholCU](https://avatars.githubusercontent.com/u/94021017?v=4)](https://github.com/jnicholCU "jnicholCU (6 commits)")[![jcsparks](https://avatars.githubusercontent.com/u/12704433?v=4)](https://github.com/jcsparks "jcsparks (3 commits)")[![patrickbrown-io](https://avatars.githubusercontent.com/u/85851903?v=4)](https://github.com/patrickbrown-io "patrickbrown-io (3 commits)")

### Embed Badge

![Health badge](/badges/cu-boulder-ckeditor5-bootstrap-accordion/health.svg)

```
[![Health](https://phpackages.com/badges/cu-boulder-ckeditor5-bootstrap-accordion/health.svg)](https://phpackages.com/packages/cu-boulder-ckeditor5-bootstrap-accordion)
```

###  Alternatives

[phonetworks/pho-lib-graph

A general purpose graph library in PHP

556.0k1](/packages/phonetworks-pho-lib-graph)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
