HTML snippetsUpdated 7 days ago

HTML snippets can be used to add custom formatting to articles - outside of what's available in the editor - and are added to articles using the code view.

Snippets

Toggle list

This is a toggle

This is text within a toggle

1<details>
2<summary>
3This is a toggle
4</summary>
5This is text within a toggle
6</details>
7

Callout - tip

This is a tip callout

1<div class="tip-callout">
2This is a tip callout
3</div>
4

Callout - warning

This is a warning callout

1<div class="warning-callout">
2This is a warning callout
3</div>
4

Alert - warning

This is a warning alert

1<div class="alert alert-warning">
2This is a warning alert
3</div>
4

Alert - info

This is an info alert

1<div class="alert alert-info">
2This is an info alert
3</div>
4

Alert - danger

This is a danger alert

1<div class="alert alert-danger">
2This is a danger alert
3</div>
4

Alert - success

This is a success alert

1<div class="alert alert-success">
2This is a success alert
3</div>
4

Steps

1. Switch to the code view using theicon at the bottom right of the toolbar.

2. Copy the snippet you'd like to apply.

3. Paste it into the article wherever you want it.

4. Switch back to the text view.

5. Edit the text further.

6. Click on Save & Publish.

Was this article helpful?

Yes