v0 App

Mobile View

# Welcome to Markdown Editor

Start typing your markdown here! This editor provides **real-time preview** with syntax highlighting.

## Features

- 🚀 **Real-time preview** - See changes instantly
- 🎨 **Syntax highlighting** - Visual cues for markdown
- 📱 **Mobile optimized** - Works great on all devices
- 💡 **Smart suggestions** - Helpful markdown shortcuts
- 📋 **Table copy** - Copy tables with one click
- 📸 **Table screenshot** - Download table as image

## Sample Table

Here's a sample table to demonstrate the copy and download functionality:

| Feature | Status | Priority | Notes | Performance | Compatibility |
|---------|--------|----------|-------|-------------|---------------|
| Real-time preview | ✅ Complete | High | Working perfectly | Excellent | All browsers |
| Table copy | ✅ Complete | Medium | Copy as tab-separated | Fast | Modern browsers |
| Table screenshot | ✅ Complete | Medium | Download as PNG image | Good | Canvas supported |
| Mobile optimization | ✅ Complete | High | Responsive design | Excellent | All devices |
| Dark mode | ⏳ Planned | Low | Future enhancement | N/A | TBD |
| Export options | ✅ Complete | Medium | PDF and HTML export | Good | Most browsers |

## Wide Table Example

| Column 1 | Column 2 | Column 3 | Column 4 | Column 5 | Column 6 | Column 7 | Column 8 |
|----------|----------|----------|----------|----------|----------|----------|----------|
| Data A1 | Data B1 | Data C1 | Data D1 | Data E1 | Data F1 | Data G1 | Data H1 |
| Data A2 | Data B2 | Data C2 | Data D2 | Data E2 | Data F2 | Data G2 | Data H2 |
| Data A3 | Data B3 | Data C3 | Data D3 | Data E3 | Data F3 | Data G3 | Data H3 |

## Quick Syntax Guide

### Text Formatting
- **Bold**: `**text**` or `__text__`
- *Italic*: `*text*` or `_text_`
- ~~Strikethrough~~: `~~text~~`
- `Code`: ``code``

### Lists
- Unordered: `- item` or `* item`
- Ordered: `1. item`
- Tasks: `- [ ] todo` or `- [x] done`

### Links & Images
- Link: `[text](url)`
- Image: `![alt](url)`

### Code Blocks
```javascript
function hello() {
  console.log("Hello, World!");
}
```

---

**Try editing this text to see the live preview!**

2135 characters

Real-time markdown editor with table copy and screenshot functionality

Hover over tables in preview mode to reveal copy and download buttons