Markdown Editor with Live Preview - Export HTML

Tools /
/ Formatters / Markdown Editor

Markdown editor and preview

Preview

Raw HTML in the source is shown as text in the preview, and links using javascript: or data: are disabled.

How to write Markdown

Markdown is plain text with a few punctuation conventions: a hash for a heading, asterisks for emphasis, a dash for a list item. It is what READMEs, wikis, issue trackers and most note apps understand. This editor renders your text as you type, so you can see the structure take shape, and exports clean HTML when you are done.

Steps

  1. 1 Type or paste Markdown in the left box. The preview on the right updates with every keystroke.
  2. 2 Use the sample as a cheat sheet: headings, bold and italic, lists, a code block, a table, a quote and a link are all in it.
  3. 3 Copy the HTML for a CMS or template, or download the document as a .md or a standalone .html file.

The syntax in one minute

Headings: # Title, ## Section, ### Subsection. Emphasis: **bold**, *italic*, ~~strikethrough~~. Lists: start lines with - or 1.; indent two spaces to nest. Links: [text](https://example.com); images: ![alt](image.png). Inline code goes in `backticks`; a code block is fenced by three backticks, optionally followed by a language name. A line of --- draws a rule, and a line starting with a right angle bracket is a quote.

Tables

A table is a header row, a separator row and data rows, with cells divided by pipes: | Name | Price |. The separator row uses dashes, and a colon on either end sets the alignment — :--- left, :---: centre, ---: right. Columns do not have to line up in the source; the renderer handles the spacing.

What the HTML export contains

Copy HTML gives you just the body markup — paragraphs, headings, lists and tables — ready to paste into a page that has its own styles. Download .html wraps that markup in a complete document with a title taken from your first heading and a small stylesheet, so the file opens readably in any browser.

Why raw HTML is not rendered

Standard Markdown passes HTML through untouched, which is convenient but turns any pasted document into a way to run scripts in the page. This preview escapes it instead: a div or script tag in the source appears as text. Links using the javascript: or data: schemes are disabled for the same reason. Your exported file is likewise free of injected code.

Markdown editing - frequently asked questions

CommonMark with the GitHub extensions people actually use: tables, strikethrough and fenced code blocks with a language label. Footnotes, task-list checkboxes and underlined (setext) headings are not supported.
New
YAML Formatter Reindent messy YAML, check it for errors with the line number, and read it back as JSON. Keeps your comments, block scalars and anchors. Runs in your browser.
Popular Today
YAML Formatter Reindent messy YAML, check it for errors with the line number, and read it back as JSON. Keeps your comments, block scalars and anchors. Runs in your browser.

Related Dev Tools

JSON Formatter Format, minify and validate JSON in your browser. Broken input is pinpointed by line and column, and a collapsible tree shows the structure.
HTML Formatter Indent messy HTML so you can read it, or strip it down so it ships smaller. Works on fragments too, and never rewrites your markup into something else.
CSS Minifier Compress CSS by stripping comments and whitespace, or expand it back with clean indentation. Keeps calc() spacing, strings and license comments intact.
XML Formatter Indent messy XML so you can read it, or strip it down so it ships smaller. Handles RSS, CDATA and namespaces, and never rewrites your document.
SQL Formatter Break a long query onto readable lines, or squeeze it back onto one. Keeps your keyword casing, your quoted names and your strings exactly as written.

Other Tools You May Like

Word to PDF Convert Word to PDF for free: upload a DOC, DOCX, ODT or RTF file and download a properly formatted PDF in seconds - no registration or watermark.
PDF to Word Convert PDF to Word for free: upload a PDF and download an editable DOCX in seconds - no registration, no watermark and nothing to install.
Word Counter Free word counter: paste any text to count words, characters, sentences and paragraphs, and see the estimated reading time - nothing leaves your browser.
Character Counter Free character counter: count characters with and without spaces, plus words and lines, and check SEO limits for titles and meta descriptions.
Keyword Density Checker Free keyword density checker: paste text or a URL to see how often each word and phrase appears, with percentages for one, two and three-word terms.