Markdown Editor & Preview

The editor supports CommonMark-compatible Markdown plus GitHub Flavored Markdown (GFM) extensions: headings (# through ######), **bold** / __bold__, *italic* / _italic_, ~~strikethrough~~, [links](url) and , unordered lists (- or *), ordered lists (1. 2.), fenced code blocks (```language), inline `code`, blockquotes (>), tables (| col | col |), horizontal rules (---), and task lists (- [x] / - [ ]). The formatting toolbar inserts correct syntax for all these with one click.

CommonMark is the standardized Markdown specification (at commonmark.org) that resolves ambiguities in the original Markdown spec. GitHub Flavored Markdown (GFM) extends CommonMark with: tables, strikethrough (~~), task lists (- [x]), auto-linked URLs (bare URLs become clickable), and fenced code blocks with syntax highlighting. This editor supports both — all CommonMark features work, and the GFM extensions (tables, strikethrough, task lists) are also supported. If you write documentation for GitHub, you will have the full feature set.

Markdown tables use | (pipe) to separate columns and - (hyphens) for the header separator row. Example:\n\n| Header 1 | Header 2 | Header 3 |\n|----------|----------|----------|\n| Cell 1 | Cell 2 | Cell 3 |\n| Cell 4 | Cell 5 | Cell 6 |\n\nAlignment: use colons in the separator row: |:---| for left, |:---:| for center, |---:| for right. The toolbar inserts a starter table template. Tables do not need perfectly aligned pipes — the parser handles loose formatting.

The Markdown image syntax is . For locally stored images, you need to host them somewhere (GitHub repo, CDN, image hosting service) and use the absolute URL. For GitHub READMEs, you can reference images in the same repository by relative path: . For email or offline documents, Base64-encoded images can be embedded:  — generate the data URI with the Base64 tool on this site. The toolbar's Image button inserts a template with placeholder values you can fill in.

Yes, four export options: Copy Markdown (clipboard) — for pasting into GitHub, a CMS, or another Markdown tool. Copy HTML (clipboard) — the rendered HTML, ready to paste into an email editor or website. Download .md — saves the Markdown source as a file. Download .html — saves a self-contained HTML file with the rendered content. The HTML export includes basic styling from the preview and is immediately viewable in any browser.

Yes. On desktop the editor uses a side-by-side split view. On tablet and mobile, the panels stack vertically (editor above, preview below). The toolbar buttons work on touch screens. For longer writing sessions on mobile, switch to "Editor" mode (just the text input, no preview) to maximize the editing space, then switch to "Preview" mode to review the rendered output.

No. All Markdown parsing and HTML rendering happens in your browser using a JavaScript Markdown library. Your text is never uploaded anywhere. This makes it safe for drafting confidential documents, proprietary documentation, or any content you would not want sent to a third-party service.