Productive Toolbox

Markdown Previewer

Write Markdown and see it rendered live with GitHub Flavored Markdown: tables, task lists, code blocks and more, then export clean HTML.

120 wordsยท708 charsยท44 linesยท8 headingsยท2 linksยท1 code blocks
Markdown
Preview

Markdown in a Nutshell

Markdown lets you format text with a few plain characters that stay readable even before they are rendered. It is the standard for README files on GitHub and GitLab, documentation sites, and notes apps such as Obsidian and Notion, and it is understood by Reddit, Discord and Stack Overflow.

There are several dialects. CommonMark is the precise, standardised core; GitHub Flavored Markdown (GFM) adds tables, task lists, strikethrough and automatic links. This previewer uses a CommonMark-compliant parser with GFM, and removes scripts from any HTML you include.

Markdown Cheat Sheet

ElementMarkdownNotes
Heading 1โ€“6# Title ## Section ### SubsectionOne # per level, followed by a space
Bold**bold** or __bold__โ€“
Italic*italic* or _italic_Underscores inside words are ignored: snake_case
Strikethrough~~deleted~~GFM
Link[text](https://example.com)Bare URLs become links in GFM
Image![alt text](image.png)Alt text describes the image
Bulleted list- item - item - nested itemIndent two spaces to nest; * and + also work
Numbered list1. first 2. secondThe first number sets the start
Task list- [ ] to do - [x] doneGFM
Blockquote> quoted textAdd > to each line, or just the first
Inline code`code`โ€“
Code block```js console.log(1) ```The language name enables highlighting on most sites
Table| A | B | | --- | ---: | | 1 | 2 |Colons set alignment (GFM)
Horizontal rule---On its own line, with a blank line above
Line breakline one\ line twoBackslash or two trailing spaces
Escape a symbol\*not italic\*A backslash shows the character literally

How to Use the Markdown Previewer

  1. 1Write or paste Markdown: Type in the editor, paste a README or notes, or load a .md file; a sample document shows the main features.
  2. 2Check the preview: The right-hand pane renders the Markdown as you type, including tables, task lists, strikethrough, code blocks and links.
  3. 3Switch the layout: Use Preview Only to read the document full width, and switch back to edit.
  4. 4Export: Copy the generated HTML, download it as a styled HTML page, or save your text as a .md file.

Frequently Asked Questions

What is Markdown?

A plain-text formatting syntax created by John Gruber in 2004. You mark up text with simple symbols, such as # for a heading, **bold** and - for a list item, and a converter turns it into HTML. It is used for README files, documentation, notes apps, chat and forums.

What is GitHub Flavored Markdown?

GFM is the dialect GitHub uses, built on the CommonMark standard. It adds tables, task lists (- [ ] and - [x]), strikethrough (~~text~~) and automatic links for bare URLs. This previewer renders GFM, so README files look much as they will on GitHub.

How do I make a table in Markdown?

Separate columns with | and put a line of dashes under the header row: | Name | Price | on the first line, | --- | ---: | on the second, then one row per line. A colon on the right of the dashes right-aligns the column, on both sides centres it.

How do I add a line break without a new paragraph?

End the line with two spaces or a backslash (\) before pressing Enter. A single Enter joins the lines into one paragraph, and an empty line starts a new paragraph.

Can I use HTML inside Markdown?

Yes, most Markdown renderers accept inline HTML such as <kbd>, <sup> or <details>. For safety this previewer removes scripts, event handlers and javascript: links from the output.

Is my document stored or uploaded?

No. We do not collect or store what you enter.