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.
On this page
Donate
Syntax
Self Closing Syntax
1{{< spoiler-tag />}}
Closing Syntax
1{{< spoiler-tag >}}
2TEXT
3{{< /spoiler-tag >}}
Parameters
text
| Position | Name | Type | Required | Default | Since |
|---|---|---|---|---|---|
#0 | text | string | ✓ | - | - |
Required when using self closing syntax.
markdown
| Position | Name | Type | Required | Default | Since |
|---|---|---|---|---|---|
#1 | markdown | boolean | - | false | - |
When true, render the text or Inner as Markdown.
selectable
| Position | Name | Type | Required | Default | Since |
|---|---|---|---|---|---|
| - | selectable | boolean | - | false | - |
Whether the spoiler tag is selectable.
Examples
Inline Spoiler Tag Example
1In the movie, {{< spoiler-tag "the hero kills his wife." />}}Selectable Spoiler Tag Example
1In the example, {{< spoiler-tag text="the spoiler tag is selectable." selectable=true />}}Long Spoiler Tag Example With Markdown Syntax
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 >}}