Skip to content
Kordu Tools
Developer Tools Runs in browser Updated 01 Apr 2026

Markdown Preview

Write Markdown and see a live GitHub-flavoured HTML preview side by side — export clean HTML instantly.

Editor•Preview

Preview will appear here as you type...
Loading rating…

How to use Markdown Preview

  1. Write or paste Markdown

    Type or paste Markdown text into the left editor panel. The preview updates automatically as you type.

  2. See the live rendered preview

    The right panel shows the rendered HTML output in real time — headings, tables, code blocks, and all GFM syntax are rendered as you write.

  3. Use GFM syntax for tables and task lists

    Create tables with pipes and dashes, or write task lists with - [ ] and - [x] checkboxes. All GitHub Flavored Markdown extensions are supported.

  4. Copy the HTML output

    Click Copy HTML to copy the sanitised rendered HTML to your clipboard for use in a CMS, documentation system, or static site.

Markdown Preview FAQ

What Markdown syntax is supported?
The editor supports GitHub Flavored Markdown (GFM) including headings (# H1 to ###### H6), bold, italic, strikethrough, inline code, fenced code blocks, blockquotes, ordered and unordered lists, task checkboxes ([ ] and [x]), tables, horizontal rules, links, images, and autolinks.

Does it support GitHub Flavored Markdown (GFM)?
Yes. GFM extensions are fully supported: tables with alignment, task list items, strikethrough (~~text~~), autolinks for bare URLs, and fenced code blocks with language identifiers for syntax highlighting.

Is the HTML output safe to embed in a website?
Yes. The rendered HTML is sanitised using DOMPurify before display and before you copy it. Script tags, event handlers (onclick, onerror), and other dangerous attributes are stripped. The output is safe for embedding in content management systems.

Can I use this to preview GitHub README files?
Yes. Paste your README.md content to preview how it will render. Most standard GFM syntax renders identically to GitHub. Some GitHub-specific features like mermaid diagrams, emoji shortcodes (:smile:), and user mentions (@name) may not render.

Does it support code syntax highlighting?
Yes. Fenced code blocks with a language identifier (```javascript, ```python, ```sql, etc.) are syntax-highlighted in the preview using a browser-based highlighter.

Can I export the Markdown as HTML?
Yes. Click Copy HTML to copy the rendered, sanitised HTML to your clipboard. This is the full HTML for the content area — not a complete HTML document with head and body tags.

Is my content sent to a server?
No. All rendering happens in your browser using a JavaScript Markdown parser. Your content is never sent to any server, stored, or logged.

Does it support YAML frontmatter?
Frontmatter blocks (--- at the top) are stripped from the preview output rather than rendered as content. If you need to view the frontmatter, paste it below the first --- separator.

Can I use this offline?
Once the page is loaded, the Markdown parser runs entirely in your browser and works offline. The initial page load requires an internet connection.

Background

Markdown Preview gives you a real-time side-by-side editing experience with a fully rendered HTML output. Write in the left panel and the right panel updates on every keystroke — no button clicks, no delay.

The renderer supports GitHub Flavored Markdown (GFM), the most widely used Markdown dialect: headings, bold, italic, strikethrough, inline code and fenced code blocks with syntax highlighting, blockquotes, ordered and unordered lists, task checkboxes, tables, horizontal rules, links, and images. Autolinks and bare URLs are also rendered as clickable links.

The rendered HTML is sanitised with DOMPurify before display to remove any potentially dangerous script tags or event handlers. When you click Copy HTML, the sanitised output is ready to paste into a CMS, documentation system, or static site generator.

Ideal for writing READMEs, technical documentation, blog posts, API docs, or any content destined for a Markdown-aware system. All processing runs in your browser — no content is sent to any server.

Related tools

JSON Formatter

Format, validate, and minify JSON instantly — with configurable indentation, error location, and tree view.

Diff Checker

Compare two texts, code files, or documents side by side — word-level diff highlighting, private and browser-based.

Regex Tester

Test regular expressions live with color-coded match highlighting, capture groups, replace mode, and common presets.

Word Counter

Count words, characters, sentences, and paragraphs with reading time, speaking time, and keyword density.

Learn more

developer

Markdown Cheat Sheet: The Complete Syntax Reference

Every Markdown syntax element in one reference. Tables, code blocks, task lists, footnotes, and platform differences. Used by 14M+ GitHub repos.