Lab / Markdown Previewer

✎

Markdown Previewer

Write Markdown with instant live preview. From-scratch GFM parser with tables, task lists, code blocks, and more.

# Markdown Syntax Cheat Sheet

## Headings

# H1 Heading
## H2 Heading
### H3 Heading
#### H4 Heading
##### H5 Heading
###### H6 Heading

## Emphasis

**Bold text** and __also bold__

*Italic text* and _also italic_

***Bold and italic*** and ___also both___

~~Strikethrough~~

## Links & Images

[Link text](https://example.com)

![Alt text](https://via.placeholder.com/150 "Image title")

Auto-linked: https://example.com

## Lists

### Unordered
- Item one
- Item two
- Item three

### Ordered
1. First
2. Second
3. Third

### Task List
- [x] Completed task
- [ ] Incomplete task
- [x] Another done

## Code

Inline `code` with backticks.

```javascript
function hello(name) {
  return `Hello, ${name}!`;
}
```

```python
def hello(name):
    return f"Hello, {name}!"
```

## Blockquotes

> This is a blockquote.
>
> It can span multiple paragraphs.

> Nested quotes:
> > Like this one.

## Tables

| Left   | Center | Right  |
| :----- | :----: | -----: |
| L1     |   C1   |     R1 |
| L2     |   C2   |     R2 |
| L3     |   C3   |     R3 |

## Horizontal Rules

---

***

___

## HTML Tags

This has a highlighted word.

H2O is water.

E = mc2.

Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy.

Use for a line break.

## Escape Characters

\*Not italic\*

\# Not a heading

\[Not a link\]

Markdown Syntax Cheat Sheet

Headings

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Emphasis

Bold text and also bold

Italic text and also italic

Bold and italic and also both

~~Strikethrough~~

Links & Images

Link text

Auto-linked: https://example.com

Lists

Unordered

Item one
Item two
Item three

Ordered

First
Second
Third

Task List

Completed task
Incomplete task
Another done

Code

Inline code with backticks.

javascript

function hello(name) {
  return `Hello, ${name}!`;
}

python

def hello(name):
    return f"Hello, {name}!"

Blockquotes

This is a blockquote.

It can span multiple paragraphs.

Nested quotes:

Like this one.

Tables

Left	Center	Right
L1	C1	R1
L2	C2	R2
L3	C3	R3

Horizontal Rules

HTML Tags

This has a highlighted word.

H₂O is water.

E = mc².

Press Ctrl + C to copy.

Use
for a line break.

Escape Characters

*Not italic*

# Not a heading

[Not a link]

Parser built from scratch. Supports headings, bold, italic, strikethrough, code blocks, tables, task lists, blockquotes, images, links, and horizontal rules.