HB Spoiler Tag Shortcode
Spoiler tags allow you to write text that some users may not want to see and hide until the reader chooses to see it.
Donate
Become a backer or sponsor to support our work.
On this page
Sponsors
Syntax
Self Closing Syntax
1{{< spoiler-tag />}}
Closing Syntax
1{{< spoiler-tag >}}
2TEXT
3{{< /spoiler-tag >}}
Parameters
text
| Position | Name | Type | Required | Default | Since | Example |
|---|---|---|---|---|---|---|
#0 | text | string | ✓ | - | - | - |
Required when using self closing syntax.
markdown
| Position | Name | Type | Required | Default | Since | Example |
|---|---|---|---|---|---|---|
#1 | markdown | boolean | - | false | - | - |
When true, render the text or Inner as Markdown.
selectable
| Position | Name | Type | Required | Default | Since | Example |
|---|---|---|---|---|---|---|
| - | selectable | boolean | - | false | - | - |
Whether the spoiler tag is selectable.
Examples
Inline Spoiler Tag Example
Source
1In the movie, {{< spoiler-tag "the hero kills his wife." />}}Result
In the movie,
the hero kills his wife.Selectable Spoiler Tag Example
Source
1In the example, {{< spoiler-tag text="the spoiler tag is selectable." selectable=true />}}Result
In the example,
the spoiler tag is selectable.Long Spoiler Tag Example With Markdown Syntax
Source
1Lorem ipsum dolor sit amet, consectetur adipiscing elit.
2{{< spoiler-tag markdown=true >}}
3__Aenean__ _quis_ ipsum ~~tortor~~. Integer vel lectus vel mauris mattis laoreet. In quis pellentesque metus. Fusce tincidunt purus a leo feugiat, id vehicula nunc congue. Fusce posuere sodales sagittis. Maecenas scelerisque est vel scelerisque sollicitudin. Nam id ligula placerat dolor interdum ullamcorper. Proin a venenatis purus. Donec accumsan et risus sit amet rhoncus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce eu semper urna. Suspendisse ex lacus, malesuada ut nisi in, hendrerit imperdiet enim. In erat ex, tincidunt eget hendrerit eu, efficitur a neque. Vestibulum purus dolor, lobortis vel varius ac, elementum vel dolor.
4{{< /spoiler-tag >}}Result
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenean quis ipsum 