Markdown Editor & Live Preview
Write or paste Markdown and see it rendered as you type. Copy clean HTML, paste formatted text into an email, or turn a web page back into Markdown.
Outline
Checks
HTML source
Pasted rich text is read as HTML in an isolated, inert document: scripts never run and images never load.
How it works
Type in the left pane and the preview on the right updates as you go. The renderer is written for this page and follows CommonMark, the precise Markdown specification, plus the GitHub-flavoured extras people expect from a README: tables with column alignment, task lists (- [ ]), ~~strikethrough~~, bare links such as www.example.com, footnotes ([^1]) and the five alert boxes (> [!NOTE], TIP, IMPORTANT, WARNING, CAUTION). The toolbar and Ctrl+B / I / K insert the syntax for you, and pressing Enter in a list starts the next item.
It is built to be safe with text you did not write. Raw HTML is shown as text, except a short list of harmless tags without attributes such as <kbd>, <sup>, <br> and <mark>, and only if they are properly closed. Links that use javascript: or other risky schemes are turned into plain text. Pictures from other websites are not loaded in the preview, so pasting a document cannot tell an image host that you opened it; they appear as labelled placeholders and are kept as normal <img> tags in the HTML you copy.
Beside the preview you get an outline of your headings (click to jump) and a list of checks: skipped heading levels, images without alt text, links that only say "click here", reference links with no definition, unclosed code fences and table rows with the wrong number of cells. They are the problems that make a document hard to use with a screen reader or quietly break the layout.
When you are done, Copy HTML gives clean markup with GitHub-style heading IDs, Copy formatted text puts rich text on the clipboard so it pastes into an email, Google Docs or Word with the formatting intact, and Download .html saves a standalone page with simple built-in styles. The second mode goes the other way: paste HTML code, or copy part of a web page or document and paste it, and you get tidy Markdown with headings, lists, links, code blocks and tables. Pasted HTML is read in an inert document, so its scripts never run and its images never load.
Questions
Is my text uploaded or saved?
No. Rendering and conversion happen in JavaScript in your browser. Nothing is sent to the server. A draft is kept only if you tick Keep a draft in this browser, and it stays in that browser's local storage until you untick it.
Does it match how GitHub renders Markdown?
Closely for everyday documents: headings, lists, code, tables, task lists, footnotes, alerts and autolinks follow the same rules. GitHub also allows more HTML, emoji shortcodes like :smile: and diagrams, which this editor does not render.
Why is my HTML shown as text?
For safety only a few simple tags without attributes are allowed, such as kbd, sup, sub, mark and br. Anything else, including divs, styles and scripts, is displayed as text instead of being run.
Why don't my images show in the preview?
Images hosted on other sites are not fetched, so no one can track that you opened the document. They show as a labelled placeholder and are kept in the HTML you copy or download. Images embedded as data: URLs are shown.
How do I make a line break without a new paragraph?
End the line with two spaces or a backslash, or tick Enter makes a new line, which treats every line break as a break, as GitHub comments do.
Can it convert a Google Doc or Word document to Markdown?
Yes. Copy the text in the document, switch to HTML or rich text to Markdown and paste. Headings, bold, italics, links, lists and tables come across; colours and fonts are dropped because Markdown has no way to express them.