Markdown Editor
Write Markdown with instant live HTML preview. GFM support (tables, task lists, code blocks), toolbar shortcuts, export as HTML or .md. 100% browser-based, no sign-up.
📝 What This Tool Does
A free online Markdown editor with a live HTML preview side-by-side. Write Markdown on the left, watch it render instantly on the right. Supports the full GitHub Flavored Markdown (GFM) spec: headings, bold, italic, links, images, lists, task lists, tables, fenced code blocks, blockquotes, and inline HTML.
Use it to write README files, blog posts, documentation, emails, notes, or any text with rich formatting — without needing to learn a specific CMS editor. When you're done, copy the rendered HTML or download a standalone .html file with embedded styles.
✨ Before & After Example
Markdown input
# Hello World This is **bold** and *italic*. - Item one - Item two [Link](https://example.com)
Rendered HTML
⚡ How to Use
- Type Markdown in the left editor — or paste existing Markdown from elsewhere
- Watch the preview update instantly on the right as you type
- Use the toolbar — one-click buttons for headings, bold, italic, links, images, lists, code, quotes
- Keyboard shortcuts: Ctrl+B bold, Ctrl+I italic, Ctrl+K link
- Export as .md file, .html file, or copy either format to clipboard
📋 Markdown Cheatsheet
| Syntax | Result |
|---|---|
| # Heading 1 | Heading 1 |
| ## Heading 2 | Heading 2 |
| **bold** | bold |
| *italic* | italic |
| ~~strikethrough~~ | |
| `inline code` | inline code |
| [text](url) | text |
|  | image |
| - bullet item | • bullet item |
| 1. numbered | 1. numbered |
| > quote | quote |
| --- | horizontal rule |
| - [x] task done | ☑ task done |
🎯 Use Cases
📘 README files
Write and preview README.md for GitHub/GitLab projects. The preview matches GitHub's rendering.
✍️ Blog posts
Draft blog posts in Markdown and paste into Ghost, Hashnode, Dev.to, or any Markdown-powered CMS.
📚 Documentation
Write docs for Docusaurus, MkDocs, or VuePress. Preview how the rendered docs will look.
📧 Rich email
Write formatted content, copy as HTML, and paste into an email client that supports rich formatting.
🔒 Privacy
- ✓ Markdown is parsed in your browser via the marked library
- ✓ Your content is never sent, stored, or logged
- ✓ Works offline after the page first loads
- ✓ No autosave — download .md when you want to keep your work
❓ FAQ
What is Markdown and why should I use it?
Markdown is a plain-text formatting syntax invented by John Gruber in 2004. It lets you write formatted text (headings, bold, links, lists, code blocks) using simple symbols that are easy to type and read. It is the standard for README files on GitHub, Reddit posts, Discord messages, Stack Overflow, Notion, Obsidian, and most static site generators.
Does this support GitHub Flavored Markdown (GFM)?
Yes. This editor uses the marked library with GFM enabled, which supports tables, fenced code blocks, task lists (- [x] Done), strikethrough (~~text~~), and autolinking URLs. Anything that renders on GitHub should render here the same way.
Can I write raw HTML in my Markdown?
Yes. Markdown allows inline HTML for features not directly supported by the syntax (e.g., <kbd>, <sub>, custom <div> with inline styles). This editor passes raw HTML through to the preview. Just be aware that when you publish the HTML somewhere, raw HTML in Markdown may not be allowed (e.g., some Reddit clients strip it).
How do I export my Markdown to HTML?
Click "Download HTML" to save the rendered output as a complete standalone .html file (with embedded basic styles), or "Copy HTML" to copy just the body markup to paste into another CMS, email template, or static site.
Does it save my work automatically?
No. Your content is not saved or synced anywhere — privacy is the priority. If you want to keep your work, download the .md file when you are done. Re-opening the page starts with a fresh example.
What keyboard shortcuts are supported?
Standard formatting shortcuts: Ctrl+B (bold), Ctrl+I (italic), Ctrl+K (link), Tab (indent list). These work inside the editor textarea. For advanced shortcuts and multi-cursor editing, use a dedicated IDE — this is a lightweight browser tool.
Is my Markdown content private?
Yes. All rendering happens in your browser using the marked library. Your content is never uploaded, stored, or logged. Close the tab and everything is gone. Works offline after the page first loads.
Can I use this for writing a README?
Yes — this is one of the most common use cases. Write your README.md in the editor, see exactly how it will look on GitHub, and download the final .md file. The live preview catches syntax mistakes before you push.