Markdown Editor
Write Markdown with live preview; export to .md or HTML.
Hello, Markdown
Start typing on the left — the preview updates live.
- bold, italic,
code - links
Blockquotes too.
What is Markdown Editor?
Markdown Editor is a free online Markdown editor with a split-screen live preview — type on the left, see the rendered result instantly on the right. A toolbar inserts bold, italic, headings, links, lists, quotes, and code around your selection, and you can download the file as .md or copy the Markdown or HTML. It runs in your browser.
Key features
- Split-screen editor with instant live preview
- Toolbar for bold, italic, headings, links, lists, quotes, and code
- Formatting wraps your current text selection
- Download your document as a .md file
- Copy Markdown or converted HTML to the clipboard
How to use the Markdown editor
Two panes side by side: you type Markdown on the left, and the rendered result appears on the right as you go. It's built for the everyday Markdown jobs — a project README, release notes, a GitHub issue, a wiki page, or notes you'll paste somewhere else — where you want to see the formatting take shape without committing and refreshing.
Writing and the toolbar
Type Markdown directly, or use the toolbar buttons, which are shortcuts that edit around your current selection rather than opening dialogs:
- Bold wraps the selection in
**, Italic in*, Code in a backtick. - Link wraps the selection as
[selected text](https://), leaving your cursor ready to fill in the URL. - Heading prefixes the current line with
##(an H2), List with-, and Quote with>.
Because they operate on the selection, the fastest workflow is to type your text first, highlight a phrase, then hit Bold or Link — the marker lands exactly around what you picked. Note the heading button always inserts an H2; for an H1 title or an H3 subsection, type the # or ### yourself.
What the preview supports
The preview isn't a toy renderer — it's the marked parser, so standard Markdown all works: headings, bold/italic, ordered and unordered lists, links, images, blockquotes, inline code and fenced code blocks, horizontal rules, and tables. One deliberate difference from strict Markdown: soft line breaks are honored, so a single Enter inside a paragraph becomes a real line break in the preview instead of being merged into one line. That matches how GitHub comments behave and saves you from scattering trailing double-spaces.
For safety, the rendered HTML is sanitized before it's shown: <script>, <style>, <iframe>, inline onclick-style handlers, and javascript: URLs are stripped out. So if you paste Markdown containing a raw script tag, the text survives but the script won't run — the preview can't execute code.
Exporting your work
Three outputs, all one click:
- Download .md saves the raw Markdown as
document.md. - Copy Markdown puts the source text on your clipboard.
- Copy HTML copies the rendered, sanitized HTML — handy for pasting into a CMS, an email, or anywhere that wants HTML rather than Markdown.
The Copy HTML output reflects exactly what you see in the preview, sanitization included, so it's safe to drop into another page.
A note on persistence
Everything lives in the page while it's open — there's no account and no autosave to a server. If you're writing something you can't lose, download the .md as you go; closing or reloading the tab clears the editor. Every keystroke, render, and export runs locally in your browser, so nothing you write is ever sent anywhere.
Frequently asked questions
- Does it save my document automatically?
- No — there's no account and no autosave, and the editor's contents live only in the open tab, so reloading or closing clears everything. Use the Download .md button (which saves as document.md) as you write anything you can't afford to lose.
- Which Markdown features does the preview support?
- It uses the marked parser, so headings, bold/italic, ordered and unordered lists, links, images, blockquotes, inline and fenced code, horizontal rules, and tables all render. One deliberate twist: a single Enter inside a paragraph becomes a real line break, matching how GitHub comments behave rather than strict Markdown.
- What heading level does the toolbar Heading button insert?
- It always inserts an H2 by prefixing the current line with '## '. For an H1 title or an H3 subsection, type the '#' or '###' yourself — the button is a shortcut for the most common level, not a level picker.
- Is it safe to paste HTML or a script tag into it?
- Yes — the preview sanitizes the rendered HTML, stripping out script, style, and iframe tags, inline event handlers like onclick, and javascript: URLs. The text of a pasted snippet survives, but any embedded code is neutralized and can't run in the page.
- What's the difference between Copy Markdown and Copy HTML?
- Copy Markdown puts the raw Markdown source on your clipboard, while Copy HTML copies the rendered, sanitized HTML that matches the preview. Use Copy HTML when pasting into a CMS, an email, or anywhere that wants HTML rather than Markdown.
Privacy
The live preview re-renders locally as you type; nothing you write is sent to a server, even temporarily.