PHPackages                             ninja-unicorns/wysiwyg-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. ninja-unicorns/wysiwyg-accordion

ActiveSilverstripe-vendormodule[Utility &amp; Helpers](/categories/utility)

ninja-unicorns/wysiwyg-accordion
================================

Easily place an accordion in the wysiwyg via a related set of AccordionItems

2.0(7y ago)58.9k↑44.4%6[1 issues](https://github.com/Ninja-Unicorns/silverstripe-wysiwyg-accordion/issues)[1 PRs](https://github.com/Ninja-Unicorns/silverstripe-wysiwyg-accordion/pulls)BSD-3-ClausePHPPHP &gt;=5.6

Since Jun 13Pushed 2y ago1 watchersCompare

[ Source](https://github.com/Ninja-Unicorns/silverstripe-wysiwyg-accordion)[ Packagist](https://packagist.org/packages/ninja-unicorns/wysiwyg-accordion)[ RSS](/packages/ninja-unicorns-wysiwyg-accordion/feed)WikiDiscussions master Synced 3w ago

READMEChangelog (3)Dependencies (5)Versions (6)Used By (0)

Simplified management of Accordion content in WYSIWYG
=====================================================

[](#simplified-management-of-accordion-content-in-wysiwyg)

[![Build Status](https://camo.githubusercontent.com/808851187da7d81d876d51c26d68ba08984974af7c63a1227ae253d6777c8ef6/68747470733a2f2f7472617669732d63692e6f72672f53696c7665725374726970652d4e696e6a612d556e69636f726e732f73696c7665727374726970652d777973697779672d6163636f7264696f6e2e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/SilverStripe-Ninja-Unicorns/silverstripe-wysiwyg-accordion) [![Scrutinizer Code Quality](https://camo.githubusercontent.com/4f67d0b4901c18d73133ba05115fd11cbdf0b8d42c0f24612c33905378b5c2d6/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f53696c7665725374726970652d4e696e6a612d556e69636f726e732f73696c7665727374726970652d777973697779672d6163636f7264696f6e2f6261646765732f7175616c6974792d73636f72652e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/SilverStripe-Ninja-Unicorns/silverstripe-wysiwyg-accordion/?branch=master)

Requirements
------------

[](#requirements)

SilverStripe Framework `^4.2`

SilverStripe CMS `^4.2`

Usage
-----

[](#usage)

Use `[accordion]` in the wysiwyg and create the accordion items accordingly!

The items can be ordered using drag-and-drop on the gridfield overview.

If you don't want the accordion option on certain pages, add the blacklisted pagetypes to your yml like this:

```
NinjaUnicorns\WysiwygAccordion\Extensions\AccordionPageExtension:
  PageBlacklist:
    - MyApp\Pages\HomePage
```

**Reminder:** If you use namespacing don't forget to use the full namespace for the page.

Reason
------

[](#reason)

We've run in to it a few times, when clients want an accordion that's easy to place in the WYSIWYG editor. Often, it then comes down to Content Author precision on selecting the right styling so some javascript can be applied to make the accordion work.

This way of work is quite prone to errors on both the developer and the author side. This module makes creating and positioning an accordion easier. Although it is slightly more work for the content author, this is a more robust solution and less error prone.

Installation
------------

[](#installation)

`composer require ninja-unicorns/wysiwyg-accordion`

Documentation
-------------

[](#documentation)

The module comes without javascript, but it's default template is based on [Bootstrap 3](https://getbootstrap.com/javascript/#collapse).

No javascript is on purpose, to make sure the developer can use it's own preferred library.

To override the given template, copy it to your `themes/projectname` folder and customize the template.

Testing
-------

[](#testing)

Yep

Todo
----

[](#todo)

- Multiple accordions on one page?
- Nested accordions?
- Blacklist certain page types, so the accordion option won't show or work (useful for pages that should not have an accordion, making sure authors don't accidentally create one anyway).

Did you say Ninja Unicorns?
---------------------------

[](#did-you-say-ninja-unicorns)

```
                  .
                 /'
                //
            .  //
            |\//7
           /' " \
          .   . .
          | (    \     '._
          |  '._  '    '. '
          /    \'-'_---. ) )
         .              :.'
         |               \
         | .    .   .     .
         ' .    |  |      |
          \^   /_-':     /
          / | |    '\  .'
         / /| |     \\  |
         \ \( )     // /
          \ | |    // /
           L! !   // /
            [_]  L[_|

```

License
-------

[](#license)

BSD-3 clause

###  Health Score

33

—

LowBetter than 72% of packages

Maintenance16

Infrequent updates — may be unmaintained

Popularity29

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity62

Established project with proven stability

 Bus Factor1

Top contributor holds 60% 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.

###  Release Activity

Cadence

Every ~210 days

Total

3

Last Release

2747d ago

Major Versions

0.4 → 2.02018-12-18

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/680570?v=4)[Simon Erkelens](/maintainers/Firesphere)[@Firesphere](https://github.com/Firesphere)

---

Top Contributors

[![Firesphere](https://avatars.githubusercontent.com/u/680570?v=4)](https://github.com/Firesphere "Firesphere (3 commits)")[![mfendeksilverstripe](https://avatars.githubusercontent.com/u/26395487?v=4)](https://github.com/mfendeksilverstripe "mfendeksilverstripe (2 commits)")

---

Tags

accordionbbcodeshortcodesilverstripesilverstripeshortcodeaccordionninjaNinja UnicornsUnicorns

###  Code Quality

TestsPHPUnit

Code StylePHP\_CodeSniffer

### Embed Badge

![Health badge](/badges/ninja-unicorns-wysiwyg-accordion/health.svg)

```
[![Health](https://phpackages.com/badges/ninja-unicorns-wysiwyg-accordion/health.svg)](https://phpackages.com/packages/ninja-unicorns-wysiwyg-accordion)
```

###  Alternatives

[silverstripe/userforms

UserForms enables CMS users to create dynamic forms via a drag and drop interface and without getting involved in any PHP code

1321.1M83](/packages/silverstripe-userforms)[symbiote/silverstripe-advancedworkflow

Adds configurable workflow support to the CMS, with a GUI for creating custom workflow definitions.

46299.9k9](/packages/symbiote-silverstripe-advancedworkflow)[silverstripe/sharedraftcontent

Share draft page content with non-CMS users

21419.6k11](/packages/silverstripe-sharedraftcontent)

PHPackages © 2026

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