Click "Render HTML" to preview.
How Markdown Preview works
Markdown Preview renders GitHub-flavoured Markdown (GFM) to HTML in real time. Fenced code blocks are passed through a syntax highlighter, tables and task lists use the GFM extensions, and the output is sanitised to block any embedded scripts or unsafe attributes. The preview updates on every keystroke, debounced to keep typing smooth.
How to use
Type or paste Markdown on the left; the rendered HTML appears on the right. Use the Copy buttons to grab either the source Markdown or the rendered HTML. Useful for drafting README files, blog posts, and changelogs.
Frequently asked questions
Which Markdown dialect does the preview support?
GitHub-Flavoured Markdown (GFM): CommonMark plus tables, task lists, autolinks, strikethrough, and fenced code blocks with language hints. It does not support arbitrary HTML attributes or inline styles.
Is the rendered HTML safe to embed?
The preview sanitises the output before display, stripping <script> tags and inline event handlers. If you re-use the HTML on a public page, run it through your CMS sanitiser as well — defence in depth.
Does syntax highlighting work in code blocks?
Yes. Fenced code blocks with a language hint (e.g. ```ts) are highlighted via the highlight.js bundle used elsewhere in the project. Language-less fences render as plain preformatted text.
Can I export the rendered HTML?
Yes — use the Copy button beneath the preview to grab the sanitised HTML output. You can paste it into a CMS, an email template, or a static site generator.
Why is my preview lagging on huge documents?
Rendering 50 KB+ of Markdown on every keystroke is expensive. The preview debounces updates to about 100 ms; very large inputs may feel sluggish. For long documents, switch to a dedicated editor with virtual DOM rendering.