EditorMarkdown

# Welcome to MarkView

> A **beautiful**, *distraction-free* Markdown editor — write on the left, see the result on the right.

## Getting Started

- **Toolbar** — use the buttons above for common formatting
- **Keyboard shortcuts** — `Ctrl+B` bold, `Ctrl+I` italic, `Ctrl+K` link
- **Upload** — drag & drop a `.md` file onto the editor, or click **Open**
- **Scroll sync** — both panes scroll together; toggle with the **Sync** button

## Keyboard Shortcuts

| Action | Shortcut |
|--------|----------|
| Bold | `Ctrl+B` |
| Italic | `Ctrl+I` |
| Link | `Ctrl+K` |
| Inline code | `Ctrl+`` |
| Tab indent | `Tab` |

## Code Example

```typescript
interface Editor {
  content: string
  preview: string
  syncScroll: boolean
}

const render = (editor: Editor): string =>
  marked.parse(editor.content)
```

## Task List

- [x] Real-time preview
- [x] Syntax highlighting
- [x] File upload & drag-and-drop
- [x] Resizable split pane
- [x] Scroll sync
- [ ] Export to HTML

> "The best tools disappear into the work."

---

*Start writing your own content here…*

Drop .md file here

Preview

0 words · 0 chars

Welcome to MarkView

A beautiful, distraction-free Markdown editor — write on the left, see the result on the right.

Getting Started

Toolbar — use the buttons above for common formatting
Keyboard shortcuts — Ctrl+B bold, Ctrl+I italic, Ctrl+K link
Upload — drag & drop a .md file onto the editor, or click Open
Scroll sync — both panes scroll together; toggle with the Sync button

Keyboard Shortcuts

Action	Shortcut
Bold	`Ctrl+B`
Italic	`Ctrl+I`
Link	`Ctrl+K`
Inline code	`Ctrl+``
Tab indent	`Tab`

Code Example

interface Editor {
  content: string
  preview: string
  syncScroll: boolean
}

const render = (editor: Editor): string =>
  marked.parse(editor.content)

Task List

Real-time preview
Syntax highlighting
File upload & drag-and-drop
Resizable split pane
Scroll sync
Export to HTML

"The best tools disappear into the work."

Start writing your own content here…