Markdown Editor — xtract.bot

Apps / Markdown Editor

Welcome

# Welcome to the Markdown Editor

Type on the left, see it rendered on the right. Tabs and content persist locally.

## Inline formatting

Make text **bold**, *italic*, ~~struck~~, or `inline code`. Add a [link](https://example.com) and an image: ![alt](https://placehold.co/200x100).

## Lists

- Unordered item
- Another item
  - Nested
- Final item

1. Ordered
2. Items
3. Here

### Task list

- [x] Ship side-by-side live preview
- [x] Mobile responsive layout
- [ ] Try editing me

## Code

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

## Math (KaTeX)

Inline math: $E = mc^2$ and a block:

$$
\int_{-\infty}^{\infty} e^{-x^2} \, dx = \sqrt{\pi}
$$

## Diagram (Mermaid)

```mermaid
flowchart LR
  Edit -->|render| Preview
  Preview -->|export| File[(File)]
```

## Table

| Feature       | Status |
| ------------- | ------ |
| GFM tables    | ✅     |
| Task lists    | ✅     |
| Footnotes[^1] | ✅     |

> Tip: use the toolbar or keyboard shortcuts (Ctrl/⌘+B, +I, +K, etc.).

[^1]: Footnote definitions render at the bottom.