← UserToolbox
📝 Markdown Editor

Write Markdown, See It Rendered Instantly

This is a distraction-free Markdown editor: type on the left, see the rendered result on the right, updated on every keystroke. It supports standard Markdown plus common GitHub-flavored extras like tables and strikethrough, powered by the widely-used marked.js parser. Your draft autosaves to your browser's local storage, so refreshing or accidentally closing the tab won't lose your work.

Export Anywhere

When you're done, download the raw Markdown source (.md) to keep editing elsewhere, download a standalone rendered .html file, or copy the sanitized HTML straight to your clipboard to paste into a CMS, email, or blog editor. All rendering and sanitization (via DOMPurify) happens locally — nothing you write is ever uploaded.

Common Uses for a Browser-Based Markdown Editor

Developers reach for this tool most often to draft a GitHub README before committing it, since the live preview matches how tables, code blocks, and headings will actually render once pushed. Writers use it to draft blog posts or documentation in a format that's easy to paste into a static-site generator or CMS without carrying over messy Word formatting. It's also handy for quick technical notes, changelogs, or meeting minutes where you want clean structure (headings, lists, links) without opening a heavier word processor — and because nothing is saved to a server, it's a reasonable choice for drafting notes you'd rather not store in a third-party cloud account.

Markdown 编辑器

左侧输入 Markdown,右侧实时预览渲染效果,支持表格、删除线等 GitHub 风格扩展语法。内容会自动保存到浏览器本地,支持导出为 .md 源文件、.html 文件,或直接复制渲染后的 HTML。全程本地处理,不上传任何内容。

Frequently Asked Questions

Does this Markdown editor save my work?▼
Yes — your text automatically saves to your browser's local storage as you type, so if you accidentally close the tab, reopening this page restores your last draft. Nothing is uploaded to a server; the autosave is entirely local to your browser.
What Markdown syntax is supported?▼
Standard Markdown (headings, bold/italic, lists, links, images, code blocks, blockquotes) plus GitHub-flavored extensions like tables and strikethrough, powered by the marked.js library.
Can I export my document?▼
Yes — download the raw Markdown as a .md file, download the rendered result as a standalone .html file, or copy the rendered HTML directly to your clipboard to paste into another editor or CMS.
Is the rendered HTML safe from malicious scripts?▼
Yes. All rendered output is passed through DOMPurify, a well-known HTML sanitizer, before being displayed or exported — this strips out any embedded scripts or dangerous HTML even if your Markdown source contains raw HTML.
Is this a good tool for writing a GitHub README?▼
Yes — the live preview uses the same core Markdown conventions (headings, tables, code blocks, strikethrough) that GitHub renders, so what you see here is a close approximation of how your README will look once committed. You can draft the whole file here and export the .md source directly into your repository.