Markdown Preview
Write Markdown and see the rendered HTML in real-time
How to Use Markdown Preview
- Type or paste Markdown in the editor on the left, or drag & drop a .md file onto the editor panel
- You can also click the Open File button to browse and select a Markdown file from your device
- See the live rendered preview updating in real time on the right
- Collapse the editor panel using the toggle button in the preview header to view the output in full width
- Copy the rendered HTML if needed
Frequently Asked Questions
What Markdown syntax is supported?
Full CommonMark plus extensions: headings, bold, italic, links, images, code blocks with syntax highlighting, tables, task lists, blockquotes, and horizontal rules.
Can I open a Markdown file from my computer?
Yes. Click the Open File button in the editor header to browse for a .md, .markdown, .mdown, .mkd, or .txt file. You can also drag and drop a file directly onto the editor panel.
Can I hide the editor to see the preview in full width?
Yes. Click the collapse toggle button in the preview panel header to hide the editor. The preview will expand to fill the entire width. Click it again to bring the editor back.
Can I export the rendered HTML?
Yes. Copy the generated HTML output to use in your website, email template, or CMS. The preview shows exactly how browsers will render your Markdown.
Does it support GitHub Flavored Markdown (GFM)?
Yes. Tables, strikethrough, task lists, and fenced code blocks with language hints are all supported, matching GitHub's rendering.
Can I use this to write README files?
Absolutely. It's ideal for previewing README.md files before committing to GitHub. You see the rendered output in real time as you type, and you can open existing README files directly via drag & drop.