About Markdown Preview
Markdown is a lightweight markup language that you can use to add formatting elements to plaintext text documents. Our live preview editor supports GitHub Flavored Markdown (GFM) with real-time rendering.
Features
- Live preview as you type
- GitHub Flavored Markdown (GFM) support
- Tables, task lists, and strikethrough
- Code syntax highlighting
- Two-column layout (editor + preview)
- Upload and download markdown files
- Copy markdown to clipboard
- Sample markdown template
Markdown Syntax Guide
Headers
# H1 Header
## H2 Header
### H3 Header
## H2 Header
### H3 Header
Emphasis
*italic* or _italic_
**bold** or __bold__
***bold italic***
~~strikethrough~~
**bold** or __bold__
***bold italic***
~~strikethrough~~
Lists
- Unordered list item
- Another item
1. Ordered list item
2. Another item
- Another item
1. Ordered list item
2. Another item
Links & Images
[Link text](https://example.com)
Code
`inline code`
```javascript
// Code block
function hello() {console.log("Hello!");
}
```
```javascript
// Code block
function hello() {console.log("Hello!");
}
```
Tables
| Header 1 | Header 2 |
|----------|----------|
| Cell 1 | Cell 2 |
| Cell 3 | Cell 4 |
|----------|----------|
| Cell 1 | Cell 2 |
| Cell 3 | Cell 4 |
Task Lists
- [x] Completed task
- [ ] Pending task
- [ ] Pending task
Blockquotes
> This is a blockquote
> It can span multiple lines
> It can span multiple lines
Horizontal Rule
---
Use Cases
- Documentation: Write README files and technical docs
- Blogging: Draft blog posts in markdown
- Note Taking: Create formatted notes quickly
- GitHub: Preview markdown before committing
- Learning: Practice markdown syntax
- Content Writing: Write articles with formatting
GitHub Flavored Markdown (GFM)
GFM is a dialect of markdown that is supported by GitHub. It includes additional features like:
- Tables
- Task lists (checkboxes)
- Strikethrough text
- Automatic URL linking
- Syntax highlighting in code blocks
Tips for Writing Markdown
- Use blank lines to separate paragraphs
- Indent code blocks with 4 spaces or use triple backticks
- Use descriptive link text instead of "click here"
- Keep headers hierarchical (don't skip levels)
- Preview your markdown before publishing
- Use tables for structured data
- Add language identifiers to code blocks for syntax highlighting
Privacy & Security
All markdown rendering happens locally in your browser. Your content is never sent to any server. The preview uses sanitization to prevent XSS attacks while allowing safe HTML elements.