Markdown Editor & Preview
Write Markdown with a live, sanitised preview: headings, lists, tables, task lists, code blocks and links. Split, editor-only or preview-only views, a formatting toolbar, and .md or .html downloads — all in your browser.
Loading Markdown Editor & Preview…
About the Markdown Editor & Preview
Markdown Editor & Preview is a distraction-free place to write Markdown and see the formatted result as you type. It supports the everyday syntax most writers use: headings, paragraphs, bold, italic, strikethrough, links, blockquotes, ordered and unordered lists (including nested lists), inline code, fenced and indented code blocks, horizontal rules, pipe tables with column alignment, and task lists.
The preview is built safely in your browser. Raw HTML in your Markdown is shown as text rather than run, only http, https, mailto and relative links are allowed, and images are shown as a labelled placeholder instead of being loaded, so nothing in a document can run scripts, add event handlers, embed frames or contact other websites. The editor previews locally and does not publish anything. Markdown flavours differ, so the result may not match GitHub, GitLab or other platforms exactly.
How to use
- Type or paste Markdown into the editor, or click Load sample to see every supported element.
- Use the toolbar to insert bold, italic, headings, links, code, quotes, lists, task lists, tables or a horizontal rule at the cursor.
- Switch between Split view, Editor only and Preview only to suit your screen.
- Check the live preview as you write; unsafe links are crossed out and not clickable.
- Copy the Markdown or the rendered text, or download the document as .md or as a standalone .html file.
Key features
- Live preview of headings, emphasis, strikethrough, links, blockquotes, lists, code, rules, tables and task lists.
- Split, Editor-only and Preview-only layouts.
- Formatting toolbar that wraps the selected text or inserts a template.
- Sanitised output: no scripts, event handlers, frames, raw HTML or dangerous URLs.
- Copy Markdown, Copy Rendered Text, Download .md and Download .html.
- Word, character and line counts, with Reset and Back.
Best practices
- Leave a blank line between paragraphs, lists, tables and code blocks so each is recognised.
- Use fenced code blocks (```) for code so spacing and symbols are kept exactly.
- Give tables a header row and a separator row such as | --- | --- |.
- Check the preview on the platform where you will publish, as Markdown flavours vary.
- Download a .md copy regularly — the editor does not save your work automatically.
Benefits
- See formatting mistakes immediately instead of after publishing.
- Safe to paste untrusted Markdown, because nothing in it can run.
- Produces a clean, standalone HTML file with simple built-in styling.
- Works offline once loaded, and your writing never leaves your browser.
Frequently asked questions
Which Markdown syntax is supported?
Headings (# and underlined), paragraphs, bold, italic, strikethrough (~~text~~), links, autolinks, blockquotes, ordered and unordered lists, nested lists, task lists (- [ ] and - [x]), inline code, fenced and indented code blocks, horizontal rules and pipe tables with left, centre or right alignment.
Is the output identical to GitHub or GitLab?
Not necessarily. The editor follows common Markdown conventions, but each platform has its own flavour and extensions, so spacing, edge cases and extra features can differ. Always check the final result where you publish.
Can I use HTML inside my Markdown?
No. For safety, any HTML tags you type are shown as plain text in the preview and in the downloaded HTML instead of being interpreted. This prevents scripts, styles, frames and event handlers from running.
Why are some links crossed out?
Only http, https, mailto and relative links are allowed. Links using other schemes, such as javascript: or data:, are treated as unsafe and shown as crossed-out text that cannot be clicked.
Why do images show as a placeholder?
To keep the editor private and avoid loading anything from other websites, images are shown as an “[Image: alt text]” placeholder. The image syntax is kept unchanged in your Markdown and .md download.
Is my document saved or published?
No. Everything stays in this browser tab and nothing is uploaded or published. Use Download .md to keep a copy; Reset clears the editor.