Markdown Preview

Preview and format Markdown documents with live preview.

Input
Output

                        

About Markdown Preview

Markdown is a lightweight markup language for formatting text. Preview how your Markdown will look when rendered.

Common Use Cases:

  • Previewing Markdown documents
  • Testing Markdown syntax
  • Formatting documentation
  • Learning Markdown

Developers: see the CI/CD & pipeline guide. More tutorials: guides hub · by Nalla.

Markdown syntax and the CommonMark specification

Markdown is a lightweight markup language created by John Gruber in 2004, designed to be readable as plain text while converting to clean HTML. A heading is a line starting with # signs; bold is **text**; a link is [label](url); a code block is indented 4 spaces or fenced with triple backticks. The original Markdown spec left many edge cases ambiguous, leading to inconsistent rendering across GitHub, GitLab, Slack, VS Code, Notion, and other tools. CommonMark (2014) formalised a unambiguous specification that is now the basis for GitHub Flavored Markdown (GFM), which adds tables, task lists, and fenced code blocks with syntax highlighting to the base spec.

SyntaxRenders as
# Heading 1H1 heading
## Heading 2H2 heading
**bold** or __bold__bold text
*italic* or _italic_italic text
[text](url)Hyperlink
![alt](url)Image
- item or * itemUnordered list item
1. itemOrdered list item
`code`Inline code
Triple backticksFenced code block (with optional language)
> textBlockquote
---Horizontal rule

Where Markdown is used and rendering differences

Markdown is ubiquitous in developer workflows: GitHub and GitLab README files, pull request descriptions, issue templates, wiki pages, documentation sites (Docusaurus, MkDocs, Jekyll), blog platforms (Ghost, Hugo, Gatsby), note-taking apps (Obsidian, Notion, Bear), and chat tools (Slack, Discord, each using a subset). Rendering differences between platforms are common: GitHub renders tables and task lists; older renderers may not. The preview here renders standard CommonMark, check the platform-specific documentation for extensions like ==highlight==, ~~strikethrough~~, and ^superscript^ which are not part of core CommonMark.

Related: HTML formatter (Markdown compiles to HTML), YAML formatter for front-matter in Markdown files, JSON formatter for API responses that contain Markdown strings.

Frequently Asked Questions

Markdown is a lightweight text formatting language that converts plain text to HTML. You write ** around text for bold, # for headings, - for lists, and [text](url) for links, then a renderer converts it to formatted HTML. Markdown is used extensively by developers (GitHub READMEs, documentation), writers (blog posts, notes), and platforms including Reddit, Stack Overflow, Notion, Slack, Discord, and most content management systems.

Original Markdown (by John Gruber, 2004) had ambiguous edge cases that different parsers handled differently. CommonMark is a standardized specification that resolves these ambiguities. GFM (GitHub Flavored Markdown) extends CommonMark with tables, task lists (- [x] checkboxes), strikethrough (~~text~~), and code fencing with syntax highlighting. Our previewer implements standard Markdown/CommonMark behavior.

The Copy button copies the original Markdown source text (not the rendered HTML) since Markdown is typically the format you want to store. To get the HTML output, right-click the preview panel and use "Inspect" in your browser's developer tools to see the rendered HTML, or ask our Code Formatters page's HTML formatter to format it after pasting it in.