Markdown Preview
Split-pane markdown editor with live preview. Supports GitHub Flavored Markdown including tables, task lists, and strikethrough. Export as HTML.
Markdown Editor
Features
This editor supports bold, italic, and strikethrough text. You can also use bold and italic with underscores.
Code
Inline code: const x = 42;
function greet(name) {
console.log(`Hello, ${name}!`);
return true;
}
Links & Images
Lists
Unordered:
- First item
- Second item
- Third item
Ordered:
- Step one
- Step two
- Step three
Task List
- Write markdown parser
- Add preview pane
- Add more features
Blockquote
This is a blockquote.
It can span multiple lines.
Table
| Feature | Status | Notes |
|---|---|---|
| Headers | Done | H1 through H6 |
| Bold/Italic | Done | Multiple syntaxes |
| Tables | Done | With alignment |
Horizontal Rule
That's all the supported syntax!
How to Use Markdown Preview
- Type or paste markdown in the left editor pane.
- See the rendered preview update in real-time on the right.
- Use GitHub Flavored Markdown for tables, task lists, and strikethrough.
- Click 'Copy HTML' to copy the rendered HTML output.
- Click 'Export HTML' to download as an HTML file.
Frequently Asked Questions
What is GitHub Flavored Markdown (GFM)?
GFM is an extension of standard Markdown used on GitHub. It adds support for tables, task lists (checkboxes), strikethrough text, and fenced code blocks.
Can I export my markdown as HTML?
Yes, you can copy the rendered HTML output or download it as a complete HTML file ready to use in your projects.
Does the editor support syntax highlighting in code blocks?
The editor renders fenced code blocks with proper formatting. Code blocks are displayed in a monospace font with a distinct background.