Skip to content
Developer

Markdown Editor

A focused markdown editor with live split preview, a formatting toolbar (bold, italic, lists, code, quotes, tables), keyboard shortcuts (⌘B / ⌘I / ⌘K), auto-save to localStorage, an outline panel, word-and-character stats, table-of-contents generator and one-click export to .md or styled .html. The parser supports headings, lists, task lists, tables, code fences, blockquotes, links, images and strikethrough — all built in.

Auto-save ready

Project notes

A short, focused markdown editor with live preview.

Features

  • Headings, bold, italic, strikethrough
  • Inline code and fenced blocks:

function hello(name) {
  return `Hello, ${name}!`;
}
  • Links: ToolsRange
  • Images: ![alt](image-url-here)
  • Task lists:
    • Build the parser
    • Ship it
  • Tables:
Tool Built?
JSON yes
CSV yes

Use the toolbar or markdown shortcuts. Auto-saves in your browser.

86 words525 chars424 no-spaces31 lines1 min read2 headings
Outline (2 headings)
  • H1Project notes
  • H2Features

Your markdown is processed and auto-saved entirely in your browser. Nothing is sent to a server.

How to use this markdown editor

  1. Type or paste markdown in the editor — the preview updates live.
  2. Use the toolbar or shortcuts (⌘B, ⌘I, ⌘K) to format quickly.
  3. Click 'Insert TOC' to generate a table of contents from your headings.
  4. Switch between Split / Editor / Preview views as you write.
  5. Copy markdown or HTML, or download .md or a styled .html document.

Frequently asked questions

Which markdown features are supported?

Headings, paragraphs, **bold** / *italic* / ~~strike~~, inline `code`, fenced ``` code blocks, links, images, ordered and unordered lists, nested lists, task lists, blockquotes, tables (with alignment), horizontal rules and `<a>`-safe link rendering.

Is my draft saved?

Yes — the editor auto-saves to localStorage in your browser. Close the tab, come back later, your draft is still there. It's never uploaded.

Does the HTML download include styling?

Yes. The downloaded .html file includes a small embedded stylesheet so it looks readable out of the box.

Are external images uploaded by me?

No. Image URLs in your markdown are loaded by your browser when previewed — the tool itself never uploads anything.