Frequently Asked Questions
Everything you need to know about the Markdown Previewer.
What is a Markdown previewer?
A Markdown previewer renders raw Markdown text into formatted HTML so you can see exactly how your content will look — headings, lists, code blocks, tables, and more — without needing a separate editor or build step.
Which Markdown syntax does this tool support?
The previewer supports headings (# through ######), bold (**text** or __text__), italic (*text* or _text_), bold-italic (***text***), strikethrough (~~text~~), inline code (`code`), fenced code blocks (```lang), blockquotes (>), unordered lists (-, *, +), ordered lists (1. 2. 3.), tables (pipe-separated), horizontal rules (--- or ***), and inline links and images.
Does the preview update in real time?
Yes. The preview panel updates instantly as you type or paste Markdown — there is no submit button. The rendered output appears on the right (or below on mobile) as soon as you change the input.
Can I copy the rendered HTML?
Yes. Click the Copy HTML button above the preview to copy the rendered HTML to your clipboard. This is useful for pasting into a CMS, email template, or any system that accepts HTML input.
Is my Markdown content sent to a server?
No. All processing happens in your browser using JavaScript. Nothing you type is sent to any server, so your content remains completely private.
How do I create a fenced code block?
Wrap your code with triple backticks. On the opening line you can optionally add a language identifier (e.g. ```js or ```python) to get a language label in the output. The closing line must also be three backticks on its own line.
How do I create a Markdown table?
Use pipe characters to separate columns and a separator row of dashes to divide the header from the body. Example: | Name | Age | on the first row, | --- | --- | on the second row, then data rows below. Cells are trimmed of surrounding whitespace.
What is the Load sample button for?
Clicking Load sample fills the editor with a demo document that covers all major Markdown syntax elements — headings, lists, code blocks, tables, blockquotes, links, and more. It is a quick way to explore what the previewer can render.
Does the tool support nested lists?
The current parser handles flat unordered and ordered lists. Deeply nested lists (indented sub-items) are treated as plain continuation text. For complex nesting, tools like Marked.js or Pandoc offer fuller CommonMark support.
What is the difference between Markdown and CommonMark?
CommonMark is a formal, unambiguous specification of Markdown that resolves edge cases the original Markdown spec left undefined. This tool implements the most common Markdown conventions (as used on GitHub, Reddit, and most CMSes) rather than the full CommonMark specification.