Markdown Editor - Real-time Markdown Editor

Data Manager

Current Tab

ID: Loading...

Save Data

Title:

## Markdown Sample
## ✅ Feel free to edit. This is a live editor. Paste AI responses here!

# Heading 1 (Use for page titles)

## Heading 2 (Section titles)

### Heading 3 (Subheadings)

**Bold text**
*Italic text*

- Bullet point 1
- Bullet point 2
    - Nested list

1. Numbered list 1
2. Numbered list 2

[Link to Google](https://www.google.com)

![Image description](https://upload.wikimedia.org/wikipedia/commons/c/c1/Venetian_glass_goblet.jpg)

Inline code can be used like `code`.

```
Multi-line code block
You can write program code here
<div>Sample</div>
```

---

## 📌 Display Examples

### Heading 1 (Use for page titles)

#### Heading 2 (Section titles)

> This is a quote.

**Program Code**

```javascript
function hello() {
    console.log("Hello, world!");
}
```

```html
<!DOCTYPE html>
<html>
<body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
</body>
</html>
```

```php
<?php
echo "Hello, world!";
?>
```

**Mermaid Diagrams**

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

```mermaid
sequenceDiagram
    participant User
    participant Server
    participant Database
    
    User->>Server: Send request
    Server->>Database: Get data
    Database-->>Server: Return data
    Server-->>User: Send response
```

End of markdown sample.