PRPickrack

Markdown to HTML

Convert Markdown to clean HTML with GitHub-Flavored extensions. Live preview, browser-side, instant.

Powered by marked — MIT licensed, GFM-compliant.

Convert Markdown to clean HTML with GitHub-Flavored extensions. Live preview, copy HTML, download as .html.

Markdown to HTML is the tool you reach for when you need to publish a markdown-authored document somewhere that doesn't render markdown natively — pasting into a CMS that only accepts HTML, creating an email signature, generating a static HTML page for an old-school upload, or just inspecting how a markdown snippet will render.

Pickrack's Markdown to HTML runs entirely in your browser using the [marked](https://marked.js.org/) library — battle-tested, MIT-licensed, GitHub-Flavored Markdown compliant. The tool gives you a live split view: type or paste markdown on the left, see rendered HTML preview (or raw HTML source) on the right. Copy the HTML to clipboard or download as a complete .html file.

Free, no signup, no upload. Supports GFM extensions: tables, task lists, strikethrough, autolinks, fenced code blocks. Browser-side — your markdown content never leaves your tab.

Key features

  • GitHub-Flavored Markdown — Tables, task lists (- [ ] / - [x]), strikethrough (~~text~~), autolinks, fenced code blocks with language hints — all supported via marked's GFM mode.
  • Live split view — Type on the left, see rendered preview on the right. Toggle the right pane to raw HTML code for inspection or copy.
  • Copy or download — One-click copy to clipboard, or download as a complete markdown.html file (with <!DOCTYPE>, <head>, <body> wrapped around your content).
  • Browser-side, no upload — Markdown is parsed locally with marked. Content never reaches our server.
  • Sample content on load — First-time visitors see a 10-line sample showing all supported features. Replace with your own content to see it render.

How to use

  1. Step 1: Paste your markdown — Replace the sample content in the left textarea with your own markdown. Live preview updates as you type.
  2. Step 2: Inspect preview — Right pane shows the rendered HTML. Click 'HTML' tab on the right to see the raw HTML source instead of the styled preview.
  3. Step 3: Copy or download — Click 'Copy HTML' to put the raw HTML on your clipboard, or 'Download .html' for a complete file you can open in a browser or upload to a server.

When to use

  • Paste markdown into a CMS — convert markdown to HTML before pasting into a CMS that only accepts HTML
  • Email signature — write your signature in markdown, get HTML for Gmail/Outlook signature settings
  • Static HTML upload — generate a single .html file from markdown for old-school web hosting (FTP, S3)
  • Code documentation preview — see how your README.md will render before committing to GitHub
  • Inspect markdown rendering — debug why your markdown isn't rendering correctly elsewhere by seeing the canonical HTML output
  • Educational — show students how markdown maps to HTML by writing in one panel and seeing the result in the other

Frequently asked questions

Does this support GitHub-Flavored Markdown?

Yes — marked is GFM-compliant. Tables, task lists, strikethrough, autolinks, fenced code blocks with language hints all work. Some niche GitHub extensions like alerts (> [!NOTE]) and footnotes are best-effort; check the live preview to confirm.

Why does the rendered HTML have <p> tags I didn't write?

Markdown converts blank-line-separated text blocks into HTML paragraphs. That's standard behavior — markdown doesn't have explicit paragraph syntax, so the parser infers them. To prevent: don't leave blank lines between text you want in the same paragraph.

Can I customize the HTML output (classes, attributes)?

Not in v1 — output is plain semantic HTML. For customization, take the output and apply Tailwind classes or custom CSS afterward. For per-element customization at conversion time, you'd need a more advanced tool like Pandoc with templates.

Does it support math (LaTeX/KaTeX)?

Not in v1. Math syntax like $E=mc^2$ renders as literal text. For math support, use a tool with KaTeX/MathJax integration (e.g., a custom Jupyter export) or run the HTML output through a math renderer afterward.

Does it sanitize the HTML?

No — the output is exactly what marked produces. If your markdown contains raw HTML (which marked passes through by default), the output will contain it. Don't paste untrusted markdown through this tool without sanitizing the output for XSS if you'll inject it into a page.

Can I convert HTML back to markdown?

Not in this tool — only one direction. For HTML-to-markdown, a separate tool would be needed (we may add one). For one-shot conversion, libraries like turndown work well in browsers.

Is there a size limit?

Practical limit ~500 KB of markdown (browser parses fine; preview pane may scroll a lot). For book-length documents, split into chapters and convert each separately.

Why use this over a desktop Markdown editor like Typora or Obsidian?

Desktop editors are great for writing. This tool is for *converting* — when you have markdown from somewhere else (GitHub, a chat, a doc) and need HTML now, without installing anything. Open the page, paste, copy.

Related tools

Word Counter

Count words, characters, sentences, paragraphs, and reading time. Live update as you type.

Case Converter

Convert text to UPPERCASE, lowercase, Title Case, Sentence case, camelCase, snake_case, kebab-case.

Text Diff Checker

Compare two text blocks line-by-line with LCS algorithm. Color-coded additions/removals, ignore whitespace or case.