Markdown Previewer

Write Markdown on the left and preview on the right with optional synced scrolling.

Markdown
Preview

Markdown Example

Headings

H1

H2

H3

Text Formatting

Bold
Italic
Strikethrough
Inline code

Lists

  • Item 1
  • Item 2
    • Nested Item
  1. First
  2. Second
  3. Third
  • Task 1
  • Task 2

Links & Images

OpenAI

Blockquote

This is a quote.

Code Block

function greet(name) {
  return `Hello, ${name}!`
}
console.log(greet("Markdown"))

Table

Name Age
Alice 25
Bob 30

Math (KaTeX)

Inline math: E=mc2E = mc^2

Block math:

∫0∞x2e−xdx=2\int_0^\infty x^2 e^{-x} dx = 2

Markdown Reference

Headings

# Heading 1
## Heading 2
### Heading 3

Text formatting

**bold**
*italic*
~~strikethrough~~
`inline code`

Links & Images

[Link](https://example.com)
![Alt text](image.png)

Lists

- Item 1
1. Numbered item

Blockquotes

> This is a quote

Horizontal Rule

---

Code Blocks

```js console.log('Hello, world!') ```

Tables

| Name | Age | |------|-----| | John | 25 | | Jane | 30 |