Markdown Editor

A Markdown editor with live preview, GitHub-flavoured tables, task lists and strikethrough. The toolbar wraps whatever you have selected, Ctrl/Cmd+B, I and K do what you expect, your draft autosaves in the browser, and you can export a .md file or a fully styled standalone .html page.

How to use Markdown Editor

  1. Start typing in the left pane, or press “Load sample” to see the full range of Markdown rendered.
  2. Select some text and use the toolbar — bold, italic, code, link, headings, quote, list, task list, table and horizontal rule all wrap the selection.
  3. Watch the right pane render as you type, including GitHub-flavoured tables, task lists and strikethrough.
  4. Your draft autosaves in this browser, so you can close the tab and pick it up later.
  5. Export a .md file for your repository, or a standalone styled .html page you can open or send to anyone.

About Markdown Editor

Markdown is the default format for READMEs, documentation, issue trackers, static sites and a growing number of note-taking apps, and it is easy to write badly without a preview. A table with one column too few, a code fence that never closes, a list that silently becomes a paragraph — all of it looks fine in a plain text box and wrong the moment it renders. A live side-by-side preview turns those from post-commit surprises into things you see and fix in the same second.

The preview here is rendered with react-markdown and remark-gfm, so it matches GitHub Flavored Markdown: pipe tables, - [ ] task lists, ~~strikethrough~~, autolinked URLs and fenced code blocks. Raw HTML is escaped rather than executed, which is the safe default for a tool where people paste text from other places. The formatting toolbar operates on the real textarea selection range, so wrapping a phrase in bold puts your cursor back exactly where it was, and Ctrl/Cmd+B, Ctrl/Cmd+I and Ctrl/Cmd+K work without touching the mouse.

Everything stays on your machine. The draft autosaves to local storage — reload the tab and a “restored draft” note tells you it came back — and both exports are generated in the page. The .md export is your source, ready to commit. The HTML export is a complete standalone document with the styles inlined, which is a genuinely useful way to hand a formatted document to somebody who does not use Markdown: one file, no dependencies, opens in any browser.

Frequently asked questions

Is this Markdown editor free?

Yes — free, with no account and no document limit. There is nothing to install; it runs as a normal web page.

Where is my document saved?

In your own browser's local storage, on your device only. Nothing is uploaded to a server, so your draft is private, but it is also tied to this browser — clearing site data will remove it, so export a .md file for anything you want to keep.

Which Markdown flavour does the preview use?

GitHub Flavored Markdown, via remark-gfm. That means tables, task lists, strikethrough with ~~, autolinked URLs and fenced code blocks all render the same way they will on GitHub, GitLab or most static site generators.

Does it render raw HTML inside my Markdown?

No, deliberately. Raw HTML in the source is escaped and shown as text rather than executed, which removes an entire class of script-injection risk when you paste Markdown from somewhere else. Use Markdown syntax for formatting.

What does the HTML export contain?

A single self-contained .html file with the rendered document and its styling embedded — no external stylesheets, fonts or scripts. Open it in any browser, email it, or drop it straight onto a web server.

Does it work on a phone?

Yes. Below 760 pixels the split view becomes two tabs, Edit and Preview, so the editor gets the full screen width instead of being squeezed into half of it.

Related tools

All text & writing tools · Browse all 56 free tools →