Auto-save

209 w1,199 c1 m

# Markdown Preview

Write markdown on the left and see it rendered on the right.

## Features

This tool supports all the **basics** you need:

- **Bold text** and *italic text*
- ~~Strikethrough~~ for deleted content
- `inline code` for technical terms
- [Links](https://developersdigest.tech) to external pages

### Task Lists

- [x] Build the markdown renderer
- [x] Add live preview
- [ ] Add toolbar
- [ ] Ship it

### Nested Lists

- Top level item
  - Nested item one
  - Nested item two
    - Deeply nested
  - Back to second level
- Another top level

### Ordered nested

1. First step
   1. Sub-step A
   2. Sub-step B
2. Second step
3. Third step

### Code Blocks

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

### Tables

| Feature | Status | Notes |
| --- | --- | --- |
| Bold / Italic | Done | Uses regex |
| Tables | Done | Pipes and dashes |
| Task lists | Done | Checkbox style |

### Blockquotes

> The best way to predict the future is to invent it.
> - Alan Kay

### Images

![Placeholder](https://via.placeholder.com/600x200/F4F4F0/000000?text=Markdown+Preview)

### Horizontal Rules

---

That is everything. Start typing to see your own markdown rendered live.

209w

1,199c