Blazor Markdown Preview

Use Blazor Bootstrap Markdown component to add formatting, tables, images, and more to your project pages.

Live preview#

Headers#

Use headers to structure your content. Start a line with # for a heading. Add more # characters for subheadings, up to six levels.

Paragraphs and line breaks#

Break your text into paragraphs or line breaks for easier reading.

Blockquotes#

Quote text with > before it. Use more > characters to nest quotes. For blocks of text, use > at the start of each line.

Horizontal rules#

Add a horizontal rule with a line of ---.

Emphasis (bold, italics, strikethrough)#

Emphasize text with bold, italics, or strikethrough:
  • Italics: *text* or _text_
  • Bold: **text**
  • Strikethrough: ~~text~~
  • Combine for more emphasis.

Code highlighting#

Tables#

Tables help organize structured data.
  • Use | to separate cells.
  • Escape | with \| if used within a cell.
  • Use <br /> for new lines within a cell.
  • End each row with a carriage return (CR) or line feed (LF).

Lists#

Use lists to organize related items:
  • Ordered lists: start with a number followed by a period.
  • Unordered lists: start with a -.
  • Begin each list item on a new line.

Ordered list#

Unordered list#

Nested list#

Images#

Examples#