Developer
Markdown Editor & Preview
Write Markdown and see the live preview side by side
Markdown
Preview
Welcome to Markdown Editor
Write Markdown on the left, see the live preview on the right.
Features
- Bold with
text - Italic with
text StrikethroughwithtextInline codewith backticks
Code Block
const greet = (name) => Hello, ${name}!;
console.log(greet('World'));
Links & Images
Blockquotes are supported too.
- Ordered lists work
- Just like this
- Unordered lists
- Work too
505 characters ยท 32 linesMarkdown renders live as you type
Markdown Syntax Quick Reference
Markdown uses intuitive symbols to format text. Here is a complete reference of the most commonly used syntax:
Text Formatting
- Bold: **text** or __text__ โ text
- Italic: *text* or _text_ โ text
- Bold + Italic: ***text*** โ text
- Strikethrough: ~~text~~ โ
text - Inline code: `code` โ code
Headings
Use # symbols at the start of a line (1-6 # symbols for h1-h6):
- # Heading 1 โ <h1>
- ## Heading 2 โ <h2>
- ### Heading 3 โ <h3>
- #### Heading 4 โ <h4>
Lists
Unordered lists use -, *, or + followed by a space. Ordered lists use numbers:
- - Item 1 (or * Item 1)
- 1. First ordered item
- 2. Second ordered item
Links and Images
- Link: [Display Text](https://url.com)
- Image: 
- Link with title: [Text](url "Tooltip")
Code Blocks
Fenced code blocks use triple backticks, optionally followed by the language name for syntax highlighting:
- ```javascript โ opens a JavaScript code block
- ```python โ opens a Python code block
- ``` โ generic code block without syntax highlighting
Other Elements
- Blockquote: > This is a blockquote
- Horizontal rule: --- (three or more dashes on their own line)
- Line break: Two spaces at end of line, or a blank line between paragraphs
Where Markdown Is Used
Markdown is the standard format for many platforms and tools:
- GitHub / GitLab: README.md files, pull request descriptions, issue comments, wikis
- Static site generators: Jekyll, Hugo, Gatsby, Astro โ content is written in Markdown
- Documentation tools: MkDocs, Docusaurus, GitBook
- Note-taking apps: Obsidian, Notion, Bear, Typora
- Chat platforms: Slack, Discord, and many others support a Markdown-like syntax
- Email: Some email clients and newsletter tools accept Markdown
Frequently Asked Questions
What is Markdown?
Markdown is a lightweight markup language created by John Gruber in 2004. It lets you format text using simple plain-text symbols โ #headings, **bold**, *italic*, etc. The text remains readable as plain text and can be converted to HTML. It is widely used for README files, documentation, blog posts, and GitHub/GitLab content.
What is the Markdown syntax for a table?
Tables in Markdown use pipes and dashes: | Column 1 | Column 2 | on the first row, | --- | --- | on the second row (separator), then data rows. Alignment can be set with colons: |:---|, |---:|, or |:---:| for left, right, or center alignment respectively. This editor supports GitHub Flavored Markdown (GFM) table syntax.
How do I add a link in Markdown?
Inline link syntax: [link text](https://url.com). Reference link syntax: [link text][ref] and then [ref]: https://url.com at the bottom. For an image: . Links open in a new tab in the preview for safety.
What is the difference between Markdown and MDX?
MDX (Markdown + JSX) extends standard Markdown by allowing JSX/React components to be embedded directly in Markdown files. It is used by documentation sites like Next.js docs, Astro, and many modern web frameworks. Standard Markdown as supported here does not include JSX support.
How do I escape special Markdown characters?
To display a character that Markdown would normally interpret (like *, _, #, [, ], etc.), prefix it with a backslash: \* displays as *, \# displays as #. Alternatively, wrap the text in backticks to treat it as inline code: `*literal asterisk*` shows as *literal asterisk*.
Can I use HTML inside Markdown?
Standard Markdown specification allows HTML tags within Markdown content. However, for security reasons, this editor sanitizes HTML entities in the output, so raw HTML tags typed in the editor will appear as literal text rather than being rendered as HTML. Use Markdown syntax instead.