Markdown syntax for guide text styling

Last updated:

To style text within your text guide content, some Markdown syntax is supported. Any changes you make to your text using the toolbar above the text that you're editing in the Edit Text window automatically:

  • Applies the corresponding Markdown syntax to the text in the Edit Text window.
  • Updates the style of the text rendered within your guide preview.
Bolded text.png

Available syntax

  Syntax Examples Rendered utput
Bold Double asterisks (**) on either side of the text. **Bold** Bold
Italics
A single underscore (_) or a single asterisk (*) on either side of the text.

_Italics_

Italics

*Italics*

Underline Double plus sign (++) on either side of the text. ++Underline++ Underline
Strikethrough Double tilde (~~) on either side of the text. ~~Strikethrough~~ Strikethrough
Linked text Enclose the link title in square brackets ([]) followed by the URL in parentheses (()). [Pendo](https://app.pendo.io) Pendo
Unordered list (bullet points)


For each list item, a dash (-), plus sign (+), or asterisk (*) followed by a space and then text.

- First item

- Second item

- Third item

  • First item
  • Second item
  • Third item

+ First item

+ Second item

+ Third item

* First item

* Second item

* Third item

Ordered (numbered) list Start the list with the number one followed by a period (1.) and then a space before adding text for the list item. The numbers don't have to be chronological

1. First item

2. Second item

3. Third item

  1. First item
  2. Second item
  3. Third item

1. First item

1. Second item

1. Third item

Colored text HTML for adding color to text.

Add {color: #ec2059}colored text{/color}

Add colored text 

Escape Markdown

At times, you might use special characters in your text that you don’t intend to use for Markdown syntax. To escape Markdown in this scenario, add the backslash (\) character before the character that's being picked up as Markdown.

For example, if you're trying to create an email like the following, the underscore (_) might be unintentionally recognized as Markdown syntax: [first_lastname.example.com](mailto:first_lastname.example.com)

You can escape this by adding a backslash (\) in front of the underscore (_): [first\_lastname.example.com](mailto:first_lastname.example.com)

Use markdown in mobile guides

Markdown for mobile is supported from SDK version 3.4.0 onwards. To use markdown in mobile guides:

  1. Open and mobile guide in the Visual Design Studio
  2. In the Edit text building block, turn on Enable markdown

    enable_markdown.png

 

Was this article helpful?
7 out of 13 found this helpful