Markdown 编辑器 - 实时预览、导出 HTML 与 Markdown

在并排的实时 HTML 预览下编写 Markdown。支持标题、列表、表格、代码块、引用、链接和图片。可复制 HTML 或下载任一格式。

在此编写或粘贴你的 Markdown……

或拖入 .md / .markdown 文件

文件在处理后自动删除通过 HTTPS 安全处理

Frequently Asked Questions

该编辑器支持 CommonMark 标题、强调、列表、链接、图片、引用块、代码块以及 GitHub 风格的竖线表格。这涵盖了编写 README、博客文章、issue、pull request 说明和技术文档所需的一切。

features

可以。将渲染后的 HTML 直接复制到剪贴板,下载可在任何浏览器中打开的 .html 文件,或保存原始的 .md 文件以便进行版本控制。每次渲染时,相同的内容都会以两种格式提供。

features

可以。实时预览会渲染对齐正确的 GitHub 风格表格、采用等宽字体排版的围栏代码块,以及通过 URL 或相对路径引用的图片——与你发布 Markdown 后所见完全一致。

features

不会。解析和渲染都在你的本机进行,因此内部文档、博客草稿和私人笔记绝不会离开当前标签页。关闭页面后不会留下任何内容。

privacy

GitHub 在 CommonMark 之上增加了一些扩展,例如任务列表、脚注以及对议题编号的自动链接。本编辑器只采用广泛支持的子集,因此在这里能正常渲染的内容,在 GitHub、GitLab、Reddit 以及大多数静态站点生成器上也都能正常渲染。

compatibility

可以。将 .md 或 .markdown 文件拖放到输入区域,内容就会载入编辑器以供进一步编辑,完成后即可重新导出为 HTML 或 Markdown。

usage

是的 — 把 .md 或 .markdown 文件拖到编辑器上,切换到「预览」,文件就会渲染成带格式的 HTML,无需安装任何东西即可阅读。它可作为一个快捷的 md 查看器 / 渲染器,直接在浏览器中查看 README 和文档。

usage

是的 — 可在「编辑」「分屏」和「预览」之间切换。分屏会并排显示你的 Markdown 和实时 HTML,编辑提供全宽书写面板,预览则是成品文档的无干扰只读渲染视图。

features

Try sample fills the editor with a short demo document showing headings, bold/italic text, a table and a code fence, so you can see the live preview working before pasting your own content. Hit Clear at any time to wipe the editor back to an empty document and start fresh.

usage

Switch to Split view so you can see the live HTML preview while you type, use Try sample first if you want a reference for table and code-fence syntax, then once it looks right hit Download .html for the rendered page or Download .md to keep the source for version control. Both exports come from the same content, so you never have to render twice.

tips

Yes — the upload area and file picker accept .txt and text/plain files alongside .md and .markdown, so a plain-text draft loads straight into the editor without renaming the extension first. Any Markdown syntax already in the file (headings, lists, links and so on) still renders normally in the preview once it's loaded.

usage

How Markdown Editor helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

For Developers

为 GitHub 项目编写 README 文件

撰写 README.md、CONTRIBUTING.md 和 CHANGELOG.md 文件并实时预览,让它们在提交前就以 GitHub、GitLab 和 npm 完全一致的方式呈现

For Creators

为 Jekyll、Hugo 和 Ghost 撰写博客草稿

用 Markdown 撰写可直接放入 Jekyll、Hugo、Eleventy 和 Ghost 的博客文章,无需离开浏览器或安装桌面编辑器

For Business

会议记录与内部文档

用标题、项目符号列表和代码块记录结构化的会议笔记,然后把渲染后的 HTML 直接粘贴到 Confluence、Notion 或 Coda 中

For Developers

撰写 Issue 与 Pull Request 描述

在真实的预览窗格中撰写冗长的 GitHub issue 描述、pull request 模板和 Jira 工单,无需猜测标记最终的渲染效果

For Developers

撰写技术文档

用代码块、表格和链接编写内部操作手册、API 参考和 SDK 指南,然后导出为 HTML,供静态网站生成器或知识库使用

Web & SEO

将笔记转换为整洁的 HTML 以便发布

粘贴零散的笔记,将其排版为 Markdown,再把渲染后的 HTML 直接复制到 CMS、邮件客户端或 LinkedIn 文章中,无需手动设置样式

Productivity

Turn a .txt Brain-Dump into Formatted HTML

Drop a plain .txt file straight into the editor — it's accepted alongside .md and .markdown — add headings and lists, then export clean HTML without manually renaming or converting the file first.

Research

Structure Research Notes & Lab Write-Ups

Format research notes with headings, tables and fenced code blocks, then keep the .md source under version control alongside your data while sharing a rendered HTML copy with collaborators.

Career & HR

Draft Resumes & Cover Letters in Markdown

Structure a resume or cover letter with headings and bullet lists, preview the formatting live, then export clean HTML to paste into an ATS web form or personal portfolio site.

Marketing

Newsletter & Substack Draft Formatting

Write a newsletter issue in Markdown with headings and links in Split view, preview exactly how it will render, then copy the rendered HTML into Substack, ConvertKit or Mailchimp instead of fighting each platform's rich-text editor.