Markdown Editor
Write, edit, and preview Markdown with real-time rendering.
How to Use
- Select Editor, Split View, or Preview mode.
- Write or paste your Markdown in the editor area.
- See the live preview update as you type (in Split or Preview mode).
- Use the toolbar to copy, clear, load a sample, or export your Markdown.
- Scroll down for a Markdown cheat sheet and tips.
Frequently Asked Questions (FAQ)
Markdown is a lightweight markup language for formatting text using plain text syntax. It is widely used for documentation, notes, and content creation.
Yes! Use the Export button to download your content as a .md or .html file.
No. All editing and rendering happens locally in your browser. Nothing is uploaded or stored on a server.
Most common Markdown features are supported. Some advanced features may depend on the renderer.
Markdown Cheat Sheet
Basic Syntax
| # Heading 1 | Creates a top-level heading |
| ## Heading 2 | Creates a second-level heading |
| ### Heading 3 | Creates a third-level heading |
| **bold text** | Makes text bold |
| *italic text* | Makes text italic |
| ~~strikethrough~~ | Creates |
| [link](https://example.com) | Creates a hyperlink |
|  | Embeds an image |
| > blockquote | Creates a blockquote |
Extended Syntax
| - item | Creates an unordered list item |
| * item | Alternative for unordered list |
| 1. item | Creates an ordered list item |
| - [ ] task | Creates an unchecked task |
| - [x] task | Creates a checked task |
| --- | Creates a horizontal rule |
| `code` | Creates inline code |
| ``` code block ``` | Creates a code block |
Tables
Markdown Syntax
| Header 1 | Header 2 | | -------- | -------- | | Cell 1 | Cell 2 | | Cell 3 | Cell 4 |
Text Alignment
| Left | Center | Right | | :------ | :-----: | ------: | | Left | Center | Right |
Code Blocks with Syntax Highlighting
```javascript
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('World'));
```Specify the language after the opening backticks for syntax highlighting.
More Advanced Features
Definition Lists
Term 1 : Definition 1 Term 2 : Definition 2
Footnotes
Here's a sentence with a footnote.[^1] [^1]: This is the footnote.
Abbreviations
*[HTML]: Hyper Text Markup Language *[CSS]: Cascading Style Sheets HTML and CSS are web technologies.
Escaping Characters
To display a literal character that would otherwise be used for Markdown formatting, add a backslash (\) before the character.
\*This text is surrounded by asterisks but not italic\*
Common Keyboard Shortcuts
Note: Not all Markdown features are supported in all Markdown processors. The features available depend on the processor used.
Try More Free Tools!
Explore our full collection of developer, text, and media tools to boost your productivity.
Browse All Tools