A Markdown editor with a live preview beside it. Type or paste Markdown on the left and the formatted result appears on the right as you go. It is for writers, developers and anyone who wants to check how a README, note or draft will look, or turn Markdown into clean HTML.

How to use it

Type or paste Markdown into the editor. The preview updates as you type. On a narrow screen the Editor and Preview tabs switch between the two.
Pick a reading theme from the selector: Clean, Sepia, Dark, Terminal or Academic.
Open Settings to adjust the font size and show line numbers in code blocks. Advanced Settings covers line height, paragraph spacing, heading and link colours, bullet style, code background and the code font (JetBrains Mono, Fira Code or your system's monospace).
Press Copy HTML to copy the rendered HTML to your clipboard, or Print to open your browser's print dialog with the chosen theme applied. The print dialog is also where you can choose to save a PDF, if your browser offers it.

In the editor, Ctrl+B (Cmd+B on a Mac) wraps the selection in bold, Ctrl+I wraps it in italics, and Tab inserts two spaces instead of leaving the editor.

Features

GitHub-style Markdown: tables, fenced code blocks, and single line breaks kept as you type them.
Syntax highlighting for JavaScript, TypeScript, CSS, HTML, XML, JSON and Bash code blocks.
Five themes and fine-grained typography and colour controls.
Clean HTML output for pasting into a CMS, an email or a page.

Your data

The Markdown is rendered in your browser and is not sent anywhere. Your theme and settings are saved in your browser's local storage so they are still there next visit. The text you are editing is not saved, so copy it or paste it somewhere safe before you close the tab. The editor accepts up to 500,000 characters.

Questions

Can I save my document? Not inside this tool. Copy the Markdown out, or use Copy HTML for the rendered version. Prompt Pad and Journal are better places to keep text.

Is the HTML safe to publish? It is the unsanitised output of the Markdown parser, so check it before publishing text that came from someone else.

Welcome to Markdown Preview

Start typing to see your markdown rendered in real-time.

Features

Bold and italic text
Code blocks with syntax highlighting
Multiple themes to choose from

Try pressing Ctrl+B for bold or Ctrl+I for italic!

function greet(name) {
  console.log(`Hello, ${name}!`);
}