Use Callouts in Markdown Editor #400

New Issue

OVERLORD · 2026-02-04T19:31:29+03:00

OVERLORD commented

2026-02-04 19:31:29 +03:00

Originally created by @Shackelford-Arden on GitHub (Aug 13, 2017).

So, I'm a big fan of the callouts that I can use in the WYSIWYG editor. Though, for simplicity in one of the wiki's I'm using, I've switched over to the Markdown Editor.

My only problem is I can't figure out how to use the Callouts (Info, Success, etc) while in the Markdown editor. Is there a way to do this or should I use the WYSIWYG editor if I really want them?

Originally created by @Shackelford-Arden on GitHub (Aug 13, 2017). So, I'm a big fan of the callouts that I can use in the WYSIWYG editor. Though, for simplicity in one of the wiki's I'm using, I've switched over to the Markdown Editor. My only problem is I can't figure out how to use the Callouts (Info, Success, etc) while in the Markdown editor. Is there a way to do this or should I use the WYSIWYG editor if I really want them?

OVERLORD closed this issue

2026-02-04 19:31:40 +03:00

OVERLORD commented

2026-02-04 19:31:48 +03:00

@ssddanbrown commented on GitHub (Aug 13, 2017):

Hi again @Shackelford-Arden,

Since callouts are not a standard part of markdown there's no special syntax for them but you can add HTML into the markdown editor. Therefore you can add the HTML for callouts within the markdown editor without any issue. Here's an example with all callout types:

# My Markdown Page

<p class="callout info">A success message</p>
<p class="callout success">A success message</p>
<p class="callout warning">A success message</p>
<p class="callout danger">A success message</p>

Normal markdown text

Produces:

In the last bugfix release, v0.17.4, I actually expanded the shortcuts for the markdown editor quite a lot including a callout shortcut Ctrl+9 (Or Cmd+9 on mac) which would insert the info callout syntax for you but in writing out this message I realised this is currently a little broken (#470).

@ssddanbrown commented on GitHub (Aug 13, 2017): Hi again @Shackelford-Arden, Since callouts are not a standard part of markdown there's no special syntax for them but you can add HTML into the markdown editor. Therefore you can add the HTML for callouts within the markdown editor without any issue. Here's an example with all callout types: ``` # My Markdown Page A success message A success message A success message A success message Normal markdown text ``` Produces: ![image](https://user-images.githubusercontent.com/8343178/29251308-61f62948-804a-11e7-8a84-86b739cbc5f2.png) --- In the last bugfix release, v0.17.4, I actually expanded the shortcuts for the markdown editor quite a lot including a callout shortcut `Ctrl+9` (Or `Cmd+9` on mac) which would insert the info callout syntax for you but in writing out this message I realised this is currently a little broken (#470).

OVERLORD commented

2026-02-04 19:32:06 +03:00

@Shackelford-Arden commented on GitHub (Aug 14, 2017):

Hot dang. This does indeed work just fine for me. You can close this... Thanks! I'll look over the documentation.

@Shackelford-Arden commented on GitHub (Aug 14, 2017): Hot dang. This does indeed work just fine for me. You can close this... Thanks! I'll look over the documentation.

OVERLORD commented

2026-02-04 19:32:16 +03:00

@ssddanbrown commented on GitHub (Aug 17, 2017):

Awesome, Glad to hear the above works for you 👍 . Will close.

@ssddanbrown commented on GitHub (Aug 17, 2017): Awesome, Glad to hear the above works for you 👍 . Will close.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#400