DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:htmldetailstag

HTML Details Tag Plugin

Compatible with DokuWiki

  • 2020-07-29 "Hogfather" yes
  • 2018-04-22 "Greebo" yes
  • 2017-02-19 "Frusterick Manners" unknown
  • 2016-06-26 "Elenor Of Tsort" unknown

plugin Use the HTML <details> and <summary> tag for toggling information

Last updated on
2021-03-18
Provides
Syntax
Repository
Source

Similar to folded, sectiontoggle, wrap

Tagged with collapsible, hide, html, spoiler, toggle

This plugin enables the HMTL tags <details> and <summary>, which hide content that can be made visible by clicking on the summary text. You can use this to hide spoilers or large content.

Installation

Install the plugin using the Plugin Manager and the download URL above, which points to latest version of the plugin. Refer to Plugins on how to install plugins manually.

Examples/Usage

<details>
<summary>Summary Text</summary>
Details Text
</details>

The above text results in:

IMAGE_PLACEHOLDER

After clicking the summary, the content is visible:

IMAGE_PLACEHOLDER

Syntax

  • The block to hide starts with <details> and ends with </details>.
    • If the content should be visible by default, use <details open> instead.
  • The first content element should be <summary>TEXT</summary>.
    • If left out, the summary text “Details” will be used instead.
  • The rest of the content will be invisible by default.

In short:

<details[ open]>
[<summary>SUMMARY<summary>]
CONTENT
</details>

Discussion

See discussion.

plugin/htmldetailstag.txt · Last modified: 2021-06-05 18:08 by Michaelsy

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki