Markdown Preview

// HOW TO USE

1. 01Type or paste markdown on the left — the preview re-renders as you type.
2. 02Use the toolbar to wrap selected text (bold, italic, code) or prefix the current line (heading, list, quote).
3. 03Copy HTML for rendered output; Copy Markdown for the source.

// WHEN TO USE

Use this when authoring or reviewing markdown content that will be rendered somewhere — README files, wiki pages, test case descriptions, bug report templates, or documentation. Paste the markdown and confirm that headings, code blocks, tables, and links render as intended before committing. Also use it to convert markdown test cases or step descriptions to HTML for embedding in reports or issue trackers that accept HTML but not markdown.

// WHAT BUGS THIS FINDS

• Code block language tag not rendered

  A \`\`\`javascript block renders without syntax highlighting because the renderer doesn't recognise the language tag — Preview confirms whether the tag is honoured or silently dropped.

• Table alignment broken by extra pipe

  A markdown table with an extra | in a cell causes all subsequent columns to misalign — Preview shows the rendered table immediately, surfacing the misalignment before the file is committed.

• Nested list indentation not parsed

  A sub-list indented with 2 spaces instead of 4 renders as a flat list in some parsers — Preview reveals whether the nesting is correct for the renderer the production system uses.

• Inline HTML stripped or escaped

  A <details> or <br> tag embedded in markdown is escaped or removed by a strict renderer — Preview shows the output and 'Copy HTML' confirms whether the raw HTML tag survived.

// QA USE CASES