Markdown Previewer

How to Use the Markdown Previewer

1. Type or paste Markdown into the editor panel.
2. The rendered HTML preview updates live in the panel next to it.
3. Copy the rendered HTML if needed, or keep editing until the preview looks right.

What is Markdown?

Markdown is a plain-text formatting syntax created to be readable even in its raw, unrendered form. It is the standard format for README files on GitHub, comments on many developer platforms, static site generators, and note-taking apps, because it lets you write formatted documents without leaving the keyboard or touching a mouse-driven toolbar.

Common Markdown syntax

`# Heading` creates headings (more `#` for smaller headings), `**bold**` and `*italic*` apply emphasis, `[text](url)` creates a link, `-` or `1.` starts a list, backticks create inline `code`, triple backticks create a code block, `>` creates a blockquote, and pipes `|` separate table columns.

Sanitization and safety

Rendered Markdown output is sanitized before display to strip potentially dangerous HTML such as script tags or inline event handlers, since Markdown allows some raw HTML to pass through. This is important because rendering untrusted Markdown directly as HTML without sanitization can expose an application to cross-site scripting (XSS).

Example

# Title

This is **bold** and this is *italic*.

- Item one
- Item two

<h1>Title</h1>
<p>This is <b>bold</b> and this is <i>italic</i>.</p>
<ul><li>Item one</li><li>Item two</li></ul>

Tips

• Leave a blank line between paragraphs — Markdown treats consecutive lines without a blank line as one paragraph.
• Use triple backticks for multi-line code blocks so formatting and indentation are preserved.

Frequently Asked Questions