PHPackages                             otago/summarydetails - 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. [Templating & Views](/categories/templating)
4. /
5. otago/summarydetails

ActiveSilverstripe-module[Templating & Views](/categories/templating)

otago/summarydetails
====================

html5 summary details for TinyMCE

01.5k1[2 issues](https://github.com/otago/summarydetails/issues)[2 PRs](https://github.com/otago/summarydetails/pulls)JavaScript

Since Feb 17Pushed 10y ago5 watchersCompare

[ Source](https://github.com/otago/summarydetails)[ Packagist](https://packagist.org/packages/otago/summarydetails)[ RSS](/packages/otago-summarydetails/feed)WikiDiscussions master Synced yesterday

READMEChangelogDependenciesVersions (1)Used By (0)

Summary Details support for tinyMCE
===================================

[](#summary-details-support-for-tinymce)

This tinyMCE 3.x plugin allows for rich editing of the HTML5 <summary> <details> tag; enabling you to create, edit, and delete summary tags in an easy to use popup. It also allows (through an optional setting) icons to be used inside the summary tag. Avoiding such headaches as double embedding, rich text formatting mistakes, and tag soup.

[![details summary in the CMS](https://raw.githubusercontent.com/otago/summarydetails/master/images/screen2.png)](https://raw.githubusercontent.com/otago/summarydetails/master/images/screen2.png)

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

[](#installation)

You can install this module via composer if you’re using SilverStripe: `composer  require otago/summarydetails`.

Non SilverStripe tinyMCE users can download the archive and copy the files locally. You’ll then need to edit **ssdetails/tinymce\_ssdetails/details.htm** and point tiny\_mce\_popup.js & editor\_plugin\_src.js to your tinyMCE locations.

After that you’ll need to tell SilverStripe to load the files, by adding the following to your **\_config.php**:

```
		->enablePlugins(array('ssdetails' => '../../../summarydetails/javascript/tinymce_ssdetails/editor_plugin_src.js'))
		->addButtonsToLine(3, 'ssdetails', 'ssremovedetails')
		->setOptions(array(
			'details_icons_class' =>
			// an array of icons to use for the summary tags. [classname, class title],[...etc]
			// an optional third value can be used for the summary class
			// the first array item must be unique
			'[icon-Plus,icon-Plus],' .
			'[icon-Plus smallerPlusMinusIcon, icon-Plus indent],' .
			'[icon-Plus2, icon-Plus 2],' .
			'[icon-Plus2 smallerPlusMinusIcon, icon-Plus 2 indent ]'
		));

```

Note the custom details\_icons\_class option, you’ll want to leave this empty or modify with your local icon set.

Again, non SilverStripe users will have to load the plugin and add the buttons to a line manually.

Usage
-----

[](#usage)

[![buttons in the CMS](https://raw.githubusercontent.com/otago/summarydetails/master/images/screen1.png)](https://raw.githubusercontent.com/otago/summarydetails/master/images/screen1.png)

There should be two icons added to your TinyMCE instance, a modify, and remove button:

- Clicking the add details icon will insert a new one at the bottom.
- Selecting text then clicking the add details button will populate the summary text.
- Selecting an existing details tag will edit the selected tag.
- Selecting an existing details tag and clicking the remove button will remove the details tag.

###  Health Score

24

—

LowBetter than 31% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity16

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% 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://avatars.githubusercontent.com/u/67215?v=4)[torleif](/maintainers/torleif)[@torleif](https://github.com/torleif)

---

Top Contributors

[![torleif](https://avatars.githubusercontent.com/u/67215?v=4)](https://github.com/torleif "torleif (13 commits)")

### Embed Badge

![Health badge](/badges/otago-summarydetails/health.svg)

```
[![Health](https://phpackages.com/badges/otago-summarydetails/health.svg)](https://phpackages.com/packages/otago-summarydetails)
```

###  Alternatives

[limenius/react-bundle

Client and Server-side react rendering in a Symfony Bundle

3851.2M](/packages/limenius-react-bundle)[area17/laravel-auto-head-tags

Laravel Auto Head Tags helps you build the list of head elements for your app

4616.1k](/packages/area17-laravel-auto-head-tags)[jelix/wikirenderer

WikiRenderer is a library to generate HTML or anything else from wiki content.

1712.3k1](/packages/jelix-wikirenderer)[webkinder/sproutset

A Composer package for handling responsive images in Roots Bedrock + Sage + Blade projects.

282.2k](/packages/webkinder-sproutset)

PHPackages © 2026

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