mirror of https://github.com/zulip/zulip.git
55 lines
1.2 KiB
Markdown
55 lines
1.2 KiB
Markdown
# Spoilers
|
|
|
|
{!spoilers-intro.md!}
|
|
|
|
## Insert spoiler formatting
|
|
|
|
{start_tabs}
|
|
|
|
{tab|via-compose-box-buttons}
|
|
|
|
{!start-composing.md!}
|
|
|
|
1. _(optional)_ Select the text you want to hide inside the spoiler.
|
|
|
|
1. Click the **Spoiler** (<i class="zulip-icon zulip-icon-spoiler"></i>)
|
|
icon at the bottom of the compose box to insert spoiler formatting.
|
|
|
|
1. Replace `Header` with the desired heading text.
|
|
|
|
!!! tip ""
|
|
|
|
You can also use the **Spoiler**
|
|
(<i class="zulip-icon zulip-icon-spoiler"></i>) icon
|
|
to remove existing spoiler formatting from the selected text.
|
|
|
|
{tab|via-markdown}
|
|
|
|
{!start-composing.md!}
|
|
|
|
1. To create a spoiler section, use triple backticks and the word spoiler
|
|
(````spoiler`) followed by an optional spoiler heading, some text, and triple
|
|
backticks at the end:
|
|
~~~
|
|
```spoiler The spoiler heading
|
|
This content is initially hidden.
|
|
```
|
|
~~~
|
|
|
|
!!! tip ""
|
|
|
|
A message can contain both spoilers and other content, and you can combine
|
|
spoilers with other formatting.
|
|
|
|
{end_tabs}
|
|
|
|
## Examples
|
|
|
|
{!spoilers-examples.md!}
|
|
|
|
## Related articles
|
|
|
|
* [Message formatting](/help/format-your-message-using-markdown)
|
|
* [Preview messages before sending](/help/preview-your-message-before-sending)
|
|
* [Resize the compose box](/help/resize-the-compose-box)
|