Markdown Editor
Write Markdown with a live preview and download as .md or .html. Runs entirely in your browser — nothing is uploaded.
Preview
Built with marked (MIT) and DOMPurify (Apache-2.0), self-hosted.
How to use this tool
- Type Markdown in the box.
- Watch the live, sanitized preview.
- Download as .md or .html.
Write Markdown with a live preview and download as .md or .html. Runs entirely in your browser — nothing is uploaded.
How it works
This is a split-pane Markdown editor that renders a live HTML preview as you type. Markdown is a lightweight plain-text formatting syntax that converts to HTML — headings, bold, italic, lists, links, code blocks, and tables are all supported using simple punctuation.
The editor runs entirely in your browser. Nothing you type is sent to a server, stored, or logged. You can download your work as a raw .md file for use in note-taking apps, documentation systems, or code repositories, or as a rendered .html file ready to open in any browser.
Use this editor for drafting README files, writing documentation, taking structured notes, composing blog posts, or learning Markdown syntax with instant visual feedback.
Worked example
Write and export a formatted README file
- Type a heading using '# My Project' on the first line.
- Add a short description paragraph below the heading.
- Use '## Installation' for a subheading, then list steps with '- step one', '- step two'.
- Preview updates on the right as you type.
- Click 'Download .md' to save the file.
You have a valid README.md file with a heading, paragraph, and bullet list, ready to drop into a GitHub repository.
Common mistakes to avoid
- Forgetting to add a blank line between a heading and the paragraph below it — some parsers require the blank line to render correctly.
- Using tabs instead of spaces for nested list indentation — Markdown lists should be indented with spaces (typically 2 or 4) for reliable rendering.
- Closing the browser without downloading — the editor does not autosave, so unsaved work will be lost.
Key terms
- Markdown
- A plain-text formatting syntax created by John Gruber that is converted to HTML. Widely used in documentation, GitHub, and note-taking apps.
- Live preview
- A rendered HTML view of the Markdown that updates in real time as you type, without requiring a manual refresh or conversion step.
- Front matter
- Optional YAML metadata at the top of a Markdown file delimited by '---'. Used by static site generators like Jekyll or Hugo to set title, date, and tags.
Frequently asked questions
- Is my text uploaded?
- No — rendering happens in your browser; nothing leaves your device.