TEXT.04 MARKDOWN PREVIEW

Online Markdown Preview Editor

Formatting shortcuts stay beside the source editor, Preview, HTML, and plain text share the result panel, and copy or download follows the selected output.

MARKDOWN

Source

Marked parsing + DOMPurify sanitization · never uploaded or stored

OUTPUT

Live result

Source scroll sync

§ 01

Move from Markdown source to a useful result in two panes

Type or open a file

Write, paste, or read a local Markdown or text file. Formatting shortcuts insert common syntax around the current selection.

Choose a result type

Preview checks layout, HTML fits a CMS or page, and Plain text extracts readable content. All derive from one sanitized render.

Copy or download

The right-side actions follow the active tab: Preview downloads a complete HTML document, HTML downloads a fragment, and Plain text downloads text.

§ 02

Live preview catches structure problems before publishing

Markdown source is readable, but table alignment, nested lists, code fences, and links are easiest to verify after rendering. A split preview keeps each edit and result within one visual path.

This page enables GitHub Flavored Markdown with tables, task lists, strikethrough, and autolinks. Raw HTML passes through DOMPurify so scripts, dangerous attributes, and unsafe protocols never enter the preview.

§ 03

Common Markdown syntax

Purpose

Syntax

Result

Heading

# Heading

Level one; add hashes for lower levels

Emphasis

**bold** and *italic*

Emphasized words

Link

[text](address)

Clickable link

Quote

> quoted content

Block quote

Code

Three backticks around content

Format-preserving code block

Task

- [ ] todo

GFM task list

Table

Pipes between columns

GFM table

§ 04

Markdown parsing and HTML safety are separate jobs

A Markdown parser converts syntax into HTML but does not make arbitrary input safe by itself. This page uses a dedicated sanitizer before inserting the output into the DOM.

Editor content exists only in current-page memory. There is no autosave or history; refresh restores the sample, so download Markdown or copy a result when you need to keep it.

§ 05

Frequently Asked Questions

Q1Which Markdown syntax is supported?

Common Markdown plus GFM tables, task lists, strikethrough, autolinks, fenced code blocks, and a sanitized subset of raw HTML.

Q2Why sanitize rendered HTML?

Markdown may contain raw HTML. DOMPurify removes scripts, event attributes, and dangerous URLs so untrusted code cannot run in the preview.

Q3Is content saved automatically?

No. As requested, the page does not use LocalStorage or history. Refresh restores the sample; copy or download anything you need to keep.

Q4How do Preview, HTML, and Plain text differ?

Preview shows final layout, HTML exposes the sanitized markup fragment, and Plain text extracts the readable words from that result.

Q5Can I open a local Markdown file?

Yes. FileReader reads it locally without upload, and you can also drop a file onto the source editor.