Markdown Previewer

Type Markdown on one side and see the rendered result on the other, including tables, task lists, strikethrough and fenced code blocks. The HTML is sanitised with DOMPurify so scripts in pasted content cannot run. When you are done, copy the HTML or download the Markdown or a standalone, styled HTML page.

How to use the Markdown Previewer

1. Type or paste Markdown in the editor (an example is loaded).
2. Watch the preview update as you type.
3. Switch between Split, Editor and Preview layouts.
4. Copy the HTML or download a .md or .html file.

Features

• GitHub-flavoured Markdown: tables, task lists, strikethrough
• Live preview with DOMPurify sanitisation
• Split, editor-only and preview-only layouts
• Copy rendered HTML
• Download as .md or a styled standalone .html page
• Word, heading, link and code block counts

Benefits

• Draft README files and docs with instant feedback
• Convert Markdown to clean HTML for websites and emails
• Safe to paste untrusted Markdown

Frequently asked questions

Which Markdown flavour is supported?

GitHub-flavoured Markdown (GFM) via the marked library: tables, task lists, strikethrough, autolinks and fenced code blocks.

Can I use raw HTML in my Markdown?

Yes, but it is sanitised. Safe tags are kept while scripts, event handlers and other dangerous markup are removed.

Is there syntax highlighting for code blocks?

Code blocks are rendered in a monospace style but not colour-highlighted. The language class is kept in the HTML so a highlighter can be added on your site.

Related tools

• JSON Formatter — Beautify or minify JSON with 2-space, 4-space or tab indents, sort keys and browse it as a collapsible tree.
• JSON Validator — Check JSON syntax as you type, see the exact line and column of any error and get warnings for duplicate keys.
• XML Formatter — Pretty-print or minify XML with comments, CDATA and DOCTYPE support, plus a well-formedness check with error positions.
• HTML Formatter — Beautify HTML with your choice of indentation and line wrapping, including inline <script> and <style> blocks.
• CSS Formatter — Beautify minified CSS into readable rules with custom indentation, brace style and one selector per line.
• JavaScript Formatter — Beautify JavaScript with configurable indentation, brace style and line wrapping to make minified code readable.