Text Toolkit

Markdown Previewer

Write and preview Markdown with live rendering. Supports GFM, syntax highlighting, and HTML export.

Preview will appear here.

About this tool

A live Markdown editor with split-view preview. Write Markdown on the left, see formatted output on the right. Supports GitHub Flavoured Markdown — tables, task lists, strikethrough, autolinking — plus syntax-highlighted code blocks and inline HTML.

The toolbar inserts common formatting at the cursor: bold, italic, headings, links, images, code blocks, lists, blockquotes, and tables. Selection-aware — if text is highlighted, the toolbar wraps it; otherwise it inserts a placeholder you can type over.

Two export options: Copy Markdown (the source) or Export HTML (the rendered output, ready to paste into a CMS, email tool, or static-site generator).

Frequently asked questions

  • What is Markdown?
    A lightweight plain-text formatting syntax invented by John Gruber in 2004. You write text decorated with simple symbols (**bold**, # heading, - list) that render as styled HTML. Used widely for documentation, blog posts, and chat platforms.
  • How do you create a table in Markdown?
    Use pipes (|) to separate columns and a row of dashes for the header divider. Tables require the GitHub Flavoured Markdown (GFM) extension; this previewer enables GFM by default.
  • What is GitHub Flavoured Markdown?
    GitHub's superset of Markdown, adding tables, task lists (- [x]), strikethrough (~~text~~), autolinking, syntax-highlighted code fences, and emoji shortcodes. Most modern Markdown processors (this one included) support GFM by default.
  • How do you add images in Markdown?
    Use ![alt text](path/to/image.png). The alt text is required for accessibility. URLs can be local or remote. For HTML control over sizing and alignment, use a raw <img> tag — this previewer allows raw HTML but sanitises it.
  • Can I use HTML inside Markdown?
    Yes. Markdown is a superset of HTML by design — any HTML you write passes through. This previewer renders raw HTML but runs it through rehype-sanitize first, so script tags and event handlers are stripped.