How this Markdown preview works
Markdown is a lightweight way to format plain text. Instead of clicking toolbar buttons, you add small marks — a # for a heading, ** around words for bold — and a converter renders them as HTML. This page does that conversion live in your browser: every keystroke in the editor is parsed and shown as formatted output on the right.
The parser handles the most common Markdown: headings (# to ######), bold and italic, inline code and fenced code blocks, links and images, bulleted and numbered lists, blockquotes, horizontal rules, paragraphs and line breaks. To keep things safe, all text is HTML-escaped before any formatting is applied, so anything you type is treated as content — raw HTML or scripts in your input cannot run in the preview.
# Hello on its own line becomes <h1>Hello</h1>, and **bold** and *italic* becomes <strong>bold</strong> and <em>italic</em>. The Preview shows the rendered result, while Show raw HTML reveals that exact markup.Reference note: this is a sensible Markdown subset for quick previews, not a full CommonMark implementation. Nested lists, tables and inline HTML are intentionally not supported so the output stays predictable and safe.
Markdown cheat-sheet
| Syntax | Result |
|---|---|
| # Heading | Top-level heading (use ## … ###### for smaller) |
| **bold** or __bold__ | bold |
| *italic* or _italic_ | italic |
| `code` | inline code |
| ``` code block ``` | A fenced code block |
| [text](https://url) | A link |
|  | An image |
| - item / * item | Bulleted list item |
| 1. item | Numbered list item |
| > quote | Blockquote |
| --- | Horizontal rule |
Frequently asked questions
- What is Markdown?
- Markdown is a lightweight plain-text formatting syntax. You write simple marks like
#for headings or**for bold, and a converter turns them into formatted HTML. It is widely used for README files, notes and documentation because it stays readable as plain text. - How do I write bold / italic / headings in Markdown?
- Wrap text in
**double asterisks**(or__underscores__) for bold, and*single*asterisks or underscores for italic. For headings, start a line with one to six hash marks:#is the largest and######the smallest. - How do I add a link or image in Markdown?
- A link is
[link text](https://example.com). An image is the same with a leading exclamation mark:. - How do I make a list in Markdown?
- For a bulleted list, begin each line with a dash or asterisk and a space (
- item). For a numbered list, begin each line with a number, a period and a space (1. item). Put each item on its own line. - Can I get the HTML output?
- Yes — click Copy HTML to copy the generated source to your clipboard, or use Show raw HTML to view and select the markup, then paste it anywhere that accepts HTML.
- Is my text uploaded?
- No. The conversion runs entirely in your browser. Nothing you type is sent to a server or stored, so your notes and drafts stay private on your device.