Markdown Editor + Live Preview

A split-pane Markdown editor with live HTML preview, a formatting toolbar, and one-click .md download.

Client-side

About this tool

The Markdown Editor is a full writing environment for Markdown: a split-pane layout with a plain-text editor on one side and a live-rendered HTML preview on the other, updating as you type. Switch to editor-only or preview-only view with a single click.

A formatting toolbar handles bold, italic, headings, links, images, inline code, fenced code blocks, bulleted lists, and a ready-made table skeleton — each button wraps or inserts Markdown at your cursor position, wrapping your selection if any text is selected.

Rendering is powered by the marked library, the same parser used elsewhere on this site. A status bar tracks live word and character counts, and a Download button exports your draft as a .md file. Everything happens locally in your browser.

FAQ

What Markdown flavor does the preview use?

It uses the marked library, a CommonMark-compatible parser with GitHub Flavored Markdown extensions, the same engine used by the standalone Markdown to HTML tool.

How do the toolbar buttons work with selected text?

Select a word or phrase, then click a toolbar button — it wraps your selection with the relevant syntax. With no selection, it inserts placeholder syntax at your cursor.

Can I download my Markdown file?

Yes — the Download button generates a document.md file from your editor content and triggers a browser download.

Is my content saved anywhere?

No. The editor state lives only in your browser tab's memory for the current session. Download your work if you want to keep it.

Can I use this on mobile?

Yes — use the Editor Only or Preview Only view toggle to work with a single pane at a time on narrower screens.