Markdown Reference

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

**Bold text** and __also bold__

*Italic text* and _also italic_

***Bold and italic together***

~~Strikethrough~~ and ==highlighted==

H~2~O is a subscript, x^2^ is a superscript

Use `inline code` for short snippets

- Unordered item 1
- Unordered item 2
  - Nested item

1. Ordered item 1
2. Ordered item 2
   1. Nested ordered item

- [x] Design the UI
- [x] Write the parser
- [ ] Add tests
- [ ] Deploy

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

[Hover me](https://example.com "Tooltip text")

![merMDitor icon](/favicon.ico)

[![Linked image](/favicon.ico)](https://example.com)

Call `renderMarkdown()` to convert text to HTML.

```javascript
function hello(name) {
  console.log('Hello, ' + name)
}
```

| Header 1 | Header 2 | Header 3 |
|----------|----------|----------|
| Row 1    | Data     | More     |
| Row 2    | Data     | More     |

| Left  | Center | Right |
|:------|:------:|------:|
| Cell  | Cell   | Cell  |
| Cell  | Cell   | Cell  |

> This is a blockquote
>
> Multiple paragraphs

> Outer quote
>> Nested quote

==Highlighted text== stands out.

Water is H~2~O and the area is r^2^.

Markdown
: A lightweight markup language
Mermaid
: Diagrams written as text

Emoji shortcodes :rocket: :sparkles: :tada:

Footnotes are supported[^1]

[^1]: Footnote text renders at the bottom of the document.

```mermaid
flowchart TD
    A[Start] --> B{Decision?}
    B -->|Yes| C[Process A]
    B -->|No| D[Process B]
    C --> E[End]
    D --> E
```

```mermaid
sequenceDiagram
    participant A as Alice
    participant B as Bob
    A->>B: Hello Bob, how are you?
    B-->>A: Great!
    A-)B: See you later!
```

```mermaid
gantt
    title Project Timeline
    dateFormat YYYY-MM-DD
    section Phase 1
    Design    :a1, 2024-01-01, 14d
    Build     :after a1, 21d
    section Phase 2
    Testing   :2024-02-15, 10d
```

```mermaid
classDiagram
    class Document {
      +String title
      +render()
    }
    class Preview {
      +update()
    }
    Document --> Preview : renders
```

```mermaid
stateDiagram-v2
    [*] --> Draft
    Draft --> Review : submit
    Review --> Published : approve
    Review --> Draft : changes
    Published --> [*]
```

```mermaid
erDiagram
    USER ||--o{ DOCUMENT : owns
    DOCUMENT ||--|{ SECTION : contains
```

```mermaid
pie title Time spent
    "Writing" : 45
    "Diagrams" : 30
    "Math" : 25
```

Einstein's equation is $E = mc^2$ and $\pi \approx 3.14159$.

The quadratic formula is $x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$.

Greek letters inline: $\alpha, \beta, \gamma$.

$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$

$$
\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}
$$

$$
\frac{a}{b} \qquad \sqrt{x} \qquad \sqrt[n]{x}
$$

$$
\sum_{i=1}^{n} x_i \qquad \int_a^b f(x)\,dx
$$

$$
\begin{pmatrix} a & b \\ c & d \end{pmatrix}
\qquad
\begin{bmatrix} 1 & 0 \\ 0 & 1 \end{bmatrix}
$$