Skip to content
Scratchpad
Your text never leaves your browser

Markdown Viewer & Live Preview

Type Markdown on the left. See it rendered on the right. Revolutionary.

Markdown
Preview

Hello, Markdown

This is a live preview. Type on the left, see it rendered on the right.

Features

  • Bold and italic text
  • Links that go places
  • Inline code and code blocks
const scratchpad = {
  privacy: true,
  servers: 0,
  cookies: null
};

Lists

  1. First item
  2. Second item
  3. Third item

Blockquotes work too. They look pretty good, actually.

That's about it. Simple tool. Simple output.

What this does

DEVS: marked parses Markdown → HTML in a Web Worker. DOMPurify sanitizes the result, which renders in an ordinary div. No server round-trip.

Type or paste Markdown on the left, see it rendered on the right. Updates live as you type. Headers, bold, italic, links, images, code blocks, lists, blockquotes, tables, horizontal rules. The full spec plus GitHub Flavored Markdown extensions, because that's what most people actually mean when they say "Markdown."

Common use cases

Previewing READMEs before you push. GitHub's preview works, but it requires committing or using their web editor. Write here, check the formatting, copy it back.

Drafting blog posts and docs. If your CMS or static site generator uses Markdown, this is a quick way to see what the output looks like without running a local build.

Grabbing clean HTML. The Copy HTML button gives you the rendered output as properly nested HTML tags. Paste into a blog CMS, email builder, or static template.

Things to know

Lists trip up everyone at least once. A nested item has to be indented far enough to line up with the text of the item above it, or it won't nest. A bulleted list can start right under a line of text, but a numbered list that starts at anything other than 1 needs a blank line first. Other classics: a space between ] and ( in a link, and single backticks when you meant triple.

GFM adds strikethrough with ~~double tildes~~, task lists with - [ ] and - [x], and pipe tables. Tables are Markdown's least ergonomic feature, but they render correctly here and that's about the best anyone can promise.

Quick syntax refresher: # through ###### for headers. **bold** and *italic*. [link text](url) for links. Triple backticks for code blocks. A language name after the opening backticks (```js) doesn't color anything here. It just becomes a language-js class on the code, which highlighters like Prism and highlight.js look for on your own site.

Raw HTML works too, minus anything that could take over the page: scripts, <style> tags, style attributes, forms, iframes, audio and video get stripped from the preview and from Copy HTML.

Privacy

Everything renders locally. Your writing stays on your machine. No server, no accounts, no "sign up to preview more than 500 words" nonsense. The one thing that does reach out: images in your Markdown load from wherever their URLs point, same as on any web page.