Textnify

Markdown Preview

Type or paste Markdown on one side and watch it render on the other. Handy for READMEs, notes, documentation and checking syntax before you publish.

Your text stays in this browser tab. Nothing is uploaded, saved or logged.

How the Markdown Preview works

The preview updates as you type, using the CommonMark-compliant marked parser with GitHub Flavored Markdown options for tables, task lists and strikethrough. It is a close approximation of how GitHub shows Markdown, but not an exact copy, because the styling here is this site’s own.

The rendered HTML is sanitized before it is shown. Scripts, event handlers, javascript: links, frames, forms, inline styles and ids are removed, so pasting Markdown or HTML from an untrusted source cannot run code on this page. Links open in a new tab with rel="noopener noreferrer nofollow", and the only form control kept is the disabled checkbox of a task list.

Images are loaded from the address in the Markdown, which means the server that hosts an image can see your request. If you prefer that nothing is fetched, turn off “Load images”, and each image is replaced by its alt text. “Copy HTML” copies the sanitized HTML. Markdown over 500,000 characters is not rendered, to keep the page responsive.

How to use it

  1. Type or paste your Markdown in the editor.
  2. Read the rendered result next to it, and adjust the options if you need them.
  3. Copy the HTML if you want to reuse it elsewhere.

Example

The HTML that the preview renders for a small README.

Markdown

# Project title

A short description with **bold** and *italic* text.

- [x] Write the code
- [ ] Write the docs

> A quote worth keeping.

HTML

<h1>Project title</h1>
<p>A short description with <strong>bold</strong> and <em>italic</em> text.</p>
<ul>
<li><input checked="" disabled="" type="checkbox"> Write the code</li>
<li><input disabled="" type="checkbox"> Write the docs</li>
</ul>
<blockquote>
<p>A quote worth keeping.</p>
</blockquote>

Frequently asked questions

Why does my preview look different on GitHub?

GitHub applies its own stylesheet and a few extra features, such as emoji shortcodes and mentions, that are not part of Markdown itself. The structure of the page is the same; the fonts, spacing and colours differ.

Is it safe to paste Markdown from someone else?

Yes. Everything shown is sanitized, so scripts and event handlers are removed before the preview is displayed. The one thing a preview can do is load images from the web, which you can turn off.

Why is an image missing?

If “Load images” is off, images are replaced by their alt text. If it is on, the address may be wrong, the image may need a login, or the host may block requests from other sites.

Does it keep my text if I close the page?

No. Your Markdown stays in this tab only, and nothing is saved or uploaded. Copy or download what you want to keep before you leave.