Markdown Preview

Markdown

Preview

About Markdown Preview

Markdown is a plain text format for headings, lists, links, tables and code. It is used in README files, documentation, notes and many publishing tools. Markdown Preview lets you write it and see the result straight away.

Type on the left and the rendered page updates on the right, with scrolling kept in step between the two. It follows CommonMark and adds the GitHub Flavored Markdown extras: tables, task lists, strikethrough, autolinks and fenced code. A toolbar and keyboard shortcuts add bold, italic, headings, links, lists, code, quotes and tables, and the word and character count updates as you go. On a phone the two panes switch between Edit and Preview.

The preview is sanitized, so scripts in pasted Markdown cannot run. Your draft is saved in your browser and nothing is uploaded. When you need the HTML as well, copy it or download a .html file, or use the Markdown to HTML converter for more output options.

How to preview Markdown

  1. Type or paste Markdown, or upload a .md file.
  2. Use the toolbar or shortcuts to format, and check the preview as you write.
  3. Copy the HTML, or download the file as .md or .html.

Frequently asked questions

Which Markdown features are supported?

Everything in CommonMark plus the GitHub Flavored Markdown extras: tables, task lists, strikethrough, autolinks and fenced code blocks. The preview follows the same rules GitHub uses for README files.

Is the preview safe?

Yes. The preview is cleaned with DOMPurify before it is shown, so scripts, inline event handlers and javascript: links are removed. Pasting Markdown from a source you do not trust will not run anything on this page.

Does it save my text?

The draft is saved to your browser as you type and comes back the next time you open the page on the same device. It is never sent to a server. Clearing your browser data removes it, so download the file if you need to keep it.

What are the keyboard shortcuts?

Ctrl or Cmd with B for bold, I for italic, K for a link and E for inline code. Add Alt to the same modifier with H for a heading, L for a list, Q for a quote and T for a table.

How do I get the HTML?

Use Copy HTML for the rendered fragment, or Download .html for a complete page with a small stylesheet. To change Markdown into HTML with more options, use the Markdown to HTML converter.

Can I open a Markdown file?

Yes. Use Upload or drop a .md, .markdown or .txt file onto the editor. It is read in your browser and nothing is uploaded.