Markdown Live Preview

What is Markdown?

Markdown is a lightweight markup language created by John Gruber in 2004, designed to be readable as plain text while converting to formatted HTML. It uses simple syntax: # for headings, ** for bold, * for italic, - for lists, ``` for code blocks, and > for blockquotes. Markdown is the standard writing format for GitHub README files, technical documentation (Docusaurus, GitBook, Notion), blog posts (Jekyll, Hugo), and many other platforms. This previewer lets you write Markdown on the left and see the rendered HTML on the right in real time, so you can check formatting as you write.

How to Use the Markdown Previewer

1. Type or paste Markdown text into the left editor panel.

2. The rendered HTML preview appears on the right in real time.

3. Click 'Copy HTML' to copy the rendered HTML output.

4. Click 'Copy Markdown' to copy the raw Markdown text.

5. Use the preview to verify that your headings, lists, links, and code blocks render correctly before publishing.

Frequently Asked Questions

What Markdown flavour does this use? This previewer uses marked.js which supports GitHub Flavored Markdown (GFM) — a widely-used extension of CommonMark that adds tables, task lists (- [ ] and - [x]), strikethrough (text), and auto-linking of URLs.

Can I write HTML inside Markdown? Yes. Standard Markdown allows inline HTML. You can use HTML tags like <details>, <summary>, <kbd>, or <sub>/<sup> where Markdown syntax doesn't provide the functionality you need.

How do I create a code block with syntax highlighting? Use fenced code blocks with triple backticks and specify the language: javascript followed by your code and closing . Many Markdown renderers (including GitHub) apply syntax highlighting based on the language specifier.

Keywords: markdown previewer, markdown editor, markdown to HTML, live markdown preview, markdown renderer, markdown formatter, GitHub markdown