Workings

Markdown Previewer and Markdown to HTML

Type or paste Markdown to see it rendered, and copy the matching HTML. Nothing you write is uploaded.

Runs in your browser — nothing you enter is uploaded

Markdown Previewer

Tip: press Ctrl+Enter (Cmd+Enter on Mac) inside a text box to run.

Your result will appear hereStart typing and it updates instantly.

Formula

  • # Heading **bold** *italic* ~~strike~~ `code` [text](https://url)
  • - item 1. item - [x] done > quote --- rule
  • | a | b | with a | --- | --- | row and fenced code with three backticks
  • Reading time uses about 230 words per minute
  • Only http, https and mailto links are kept

Markdown is plain text with light punctuation that turns into headings, emphasis, lists, tables and links.

Worked example

A short README

Markdown
# Hello, Markdown Write **bold**, *italic* or `code`, and add a [link](https://example.com). - [x] Preview as you type - [ ] Copy the HTML | Tool | Runs in | | --- | :---: | | Workings | your browser |

Words

24

Reading time: about 1 min

Headings: 1

Links: 1

<h1>Hello, Markdown</h1>
<p>Write <strong>bold</strong>, <em>italic</em> or <code>code</code>, and add a <a href="https://example.com" rel="noopener noreferrer nofollow">link</a>.</p>
<ul>
<li><input type="checkbox" disabled checked> Preview as you type</li>
<li><input type="checkbox" disabled> Copy the HTML</li>
</ul>
<table>
<thead>
<tr><th>Tool</th><th st…

How it works

Markdown is a way of writing formatted text in plain characters: a leading # makes a heading, asterisks make bold and italic, hyphens make bullet lists, and pipes make tables. This previewer reads what you type and shows how it will look, then gives you the HTML that corresponds to it, which you can copy.

It is built to be safe to paste into. The text is parsed into a structured tree and drawn with the page's own components, so nothing you type can run as code. Raw HTML such as a script tag is displayed as plain text, links are kept only if they start with http, https or mailto, and images are not loaded in the preview, so no request is made to any other site and no one learns that you opened it. The HTML output escapes every character that has meaning in HTML.

It supports the common core of CommonMark and GitHub-style Markdown — headings, emphasis, strikethrough, inline and fenced code, links, block quotes, nested lists, task lists and tables — and not rarer features such as footnotes, reference-style links or embedded HTML. To escape or unescape characters on their own use the HTML Entity Encoder and Decoder, to count words and characters see the Word Counter, and to tidy the HTML output use the HTML Formatter.

Assumptions and limits

  • Supports a CommonMark/GitHub-style subset; footnotes, reference links and raw HTML are not supported.
  • Input is limited to 50,000 characters.
  • The preview is a close approximation: other renderers can differ in edge cases.

Common questions

Is it safe to paste untrusted Markdown?
Yes. The text is turned into a tree and drawn by the page itself, never inserted as HTML, so scripts and raw HTML are shown as text. Links are limited to http, https and mailto.
HTML Entity Encoder and DecoderEscape text for HTML or decode entities like &amp; and &#169; back to characters.Word CounterCount words, characters, sentences and paragraphs, with reading time and the most-used words.HTML FormatterIndent and tidy HTML without changing its tags, attributes or text.Case ConverterConvert text to UPPER, lower, Title, Sentence, camel, Pascal, snake, kebab and CONSTANT case.Slug GeneratorTurn a title into a clean URL slug: lowercase, accents removed, words joined with hyphens.

All developer toolsBrowse the full tool directory