159 words1039 chars1 min read
# Welcome to MarkdownKit

A fast, beautiful markdown editor with live preview and one-click sharing.

## Features

- **Bold**, *italic*, and ~~strikethrough~~ text
- [Links](https://example.com) and images
- Code blocks with syntax highlighting
- Task lists, tables, and more!

### Task List

- [x] Split-pane editor
- [x] Live preview
- [x] Synchronized scrolling
- [ ] Publish and share

### Code Example

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

console.log(greet("World"));
```

### Table

| Feature | Status |
|---------|--------|
| Editor | Done |
| Preview | Done |
| Export | Done |
| Publish | Done |

### Math (KaTeX)

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

### Diagram (Mermaid)

```mermaid
graph TD
    A[Write Markdown] --> B[Live Preview]
    B --> C{Looks Good?}
    C -->|Yes| D[Publish]
    C -->|No| A
```

### Emoji

:rocket: :heart: :star: :tada:

> **Tip:** Use the toolbar above or keyboard shortcuts to format your text!

---

*Start writing your markdown here...*

Welcome to MarkdownKit

A fast, beautiful markdown editor with live preview and one-click sharing.

Features

  • Bold, italic, and strikethrough text
  • Links and images
  • Code blocks with syntax highlighting
  • Task lists, tables, and more!

Task List

  • Split-pane editor
  • Live preview
  • Synchronized scrolling
  • Publish and share

Code Example

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

console.log(greet("World"));

Table

Feature Status
Editor Done
Preview Done
Export Done
Publish Done

Math (KaTeX)

The quadratic formula:

Diagram (Mermaid)

graph TD A[Write Markdown] --> B[Live Preview] B --> C{Looks Good?} C -->|Yes| D[Publish] C -->|No| A

Emoji

🚀 ❤️ ⭐ 🎉

Tip: Use the toolbar above or keyboard shortcuts to format your text!


Start writing your markdown here…