Markdown Preview

Privacy-first: Everything you type stays entirely in your browser — no data ever leaves your machine.

Write your markdown on the left and see the live preview update in real time on the right.

Text Formatting

You can write bold, italic, bold and italic, strikethrough, and inline code.

Links

Inline link: SvelteKit Documentation

Reference-style links keep source readable when you reuse the same URL: Svelte and Vite.

Images

Images render inline — paste any URL or local path.

Blockquotes

"The best way to predict the future is to invent it." — Alan Kay

Quotes nest too:

Outer context

Inner quote — useful for threading conversations or citing sources.

Lists

Unordered:

• Item one
• Item two
  • Nested item
  • Another nested item
• Item three

Ordered:

1. First step
2. Second step
3. Third step

Task list:

• Create the editor
• Add live preview
• Copy rendered HTML
• Add syntax highlighting
• PDF export

Code

Inline: prefer const over var, and === over ==.

async function fetchUser(id) {
  const res = await fetch(`/api/users/${id}`)
  if (!res.ok) throw new Error(`HTTP ${res.status}`)
  return res.json()
}

# Install and run
pnpm install
pnpm dev

{
  "name": "my-project",
  "version": "1.0.0",
  "private": true
}

Tables

HTML Embeds

Markdown passes raw HTML through — handy for elements with no markdown equivalent:

Keyboard shortcuts: Ctrl + S to save, Ctrl + Z to undo.

Clear this content and start writing — your work stays private.