Skip to content
Toolcroft

Text Tools

Markdown Editor with Live Preview

Free online Markdown editor with live preview, toolbar shortcuts, multi-document tabs, and localStorage autosave. Export as .md or .html. No login required.

🔒 Documents are stored only in your browser. They are never sent to a server. Export important documents to keep a backup.
Markdown0 words · 0 chars
Preview
File:● Autosaved

How to use the Markdown Editor

Type or paste Markdown in the editor pane on the left. The preview on the right updates in real time. Use the toolbar to insert common formatting (bold, italic, headings, links, lists, tables, and more) without memorizing any syntax. Press Ctrl+B for bold and Ctrl+I for italic directly from the keyboard.

Create multiple documents using the + button in the tab bar. Each document autosaves to your browser's localStorage within 300 ms of each keystroke. Documents survive page refreshes and browser restarts. Double-click a tab label to rename the document.

Markdown syntax reference

Syntax Result
# Heading 1Large heading (H1)
## Heading 2Section heading (H2–H6)
**bold**bold
*italic*italic
~~strike~~strike
`code`inline code
[text](url)Hyperlink
![alt](url)Image
> textBlockquote
- itemUnordered list
1. itemOrdered list
- [ ] taskTask list (unchecked)
- [x] taskTask list (checked)
---Horizontal rule
Pipe-separated columnsTable (see toolbar)

Markdown vs HTML

Markdown is a lightweight syntax that converts to HTML. It was created by John Gruber in 2004 with the goal of being readable as plain text while still being easily converted to formatted HTML. This editor uses GitHub Flavored Markdown (GFM), a widely adopted superset of the original specification that adds tables, task lists, and strikethrough.

HTML gives you more control (every CSS property and ARIA attribute is available), but it is verbose and error-prone to write by hand. For content that does not require advanced layout, Markdown is usually faster to write and easier to maintain. This tool lets you export to both formats: download the raw .md source or the sanitized .html page.

Browser storage and privacy

All documents are stored in localStorage, a browser-based key/value store that never leaves your device. No document text is transmitted to any server. The editor uses namespaced keys (mde:doc:<id>) so it does not interfere with other site data. The typical localStorage quota is 5–10 MB per origin; the editor warns you when usage approaches 4 MB.

Because localStorage is device-specific, documents created on your laptop will not appear on your phone. Export important documents as .md files to keep portable backups.

Keyboard shortcuts

ActionWindows / LinuxmacOS
BoldCtrl+B⌘B
ItalicCtrl+I⌘I
Save / downloadCtrl+S⌘S
UndoCtrl+Z⌘Z
RedoCtrl+Y or Ctrl+Shift+Z⌘Shift+Z
FindCtrl+F⌘F

Additional toolbar buttons insert headings, links, images, code blocks, blockquotes, and horizontal rules. Check the toolbar for the full set.

Export formats

  • .md (Markdown source): the raw plain-text file. Use this to version-control your document in Git, share with editors who use their own renderer, or open in any text editor.
  • .html: the rendered and sanitized HTML output. Use this to embed the content in a webpage, email, or CMS that accepts HTML.

Markdown flavors

This editor uses GitHub Flavored Markdown (GFM), which extends CommonMark (the standard specification) with:

  • Tables: pipe-separated syntax with alignment colons.
  • Task lists: - [ ] unchecked / - [x] checked.
  • Strikethrough: ~~deleted~~.
  • Autolinks: bare URLs become clickable links.

If you paste this Markdown into a platform that uses CommonMark (without GFM extensions), tables and task lists will not render - they'll appear as raw pipe characters and brackets. Footnotes and definition lists are not supported in GFM; use HTML for those elements.