Markdown 编辑器 - 实时预览、导出 HTML 与 Markdown
在并排的实时 HTML 预览下编写 Markdown。支持标题、列表、表格、代码块、引用、链接和图片。可复制 HTML 或下载任一格式。
在此编写或粘贴你的 Markdown……
或拖入 .md / .markdown 文件
Markdown 编辑器已完成?不妨试试这些
与 Markdown 编辑器搭配使用的精选工具。继续编辑,不丢失你的文件。
HTML 美化
用规范的缩进美化杂乱的 HTML,或压缩为单行。拖入文件或粘贴内容,然后复制或下载。
立即试用图片转 Markdown
将截图和图片转换为简洁的 Markdown,完整保留表格、标题和列表。
立即试用字数统计
统计字数、字符数、句子数、段落数和行数,并估算阅读和朗读时长。在你的浏览器中运行。
立即试用大小写转换器
将文本转换为 UPPERCASE、lowercase、标题式、句首大写、camelCase、PascalCase、snake_case、kebab-case 等格式。
立即试用文本差异比较
逐行比较两段文本。支持分栏或合并视图,可选择忽略空白和忽略大小写。
立即试用Lorem Ipsum 生成器
生成占位的段落、句子或单词。可选以经典的「Lorem ipsum…」开头。
立即试用Frequently Asked Questions
该编辑器支持 CommonMark 标题、强调、列表、链接、图片、引用块、代码块以及 GitHub 风格的竖线表格。这涵盖了编写 README、博客文章、issue、pull request 说明和技术文档所需的一切。
features可以。将渲染后的 HTML 直接复制到剪贴板,下载可在任何浏览器中打开的 .html 文件,或保存原始的 .md 文件以便进行版本控制。每次渲染时,相同的内容都会以两种格式提供。
features可以。实时预览会渲染对齐正确的 GitHub 风格表格、采用等宽字体排版的围栏代码块,以及通过 URL 或相对路径引用的图片——与你发布 Markdown 后所见完全一致。
features不会。解析和渲染都在你的本机进行,因此内部文档、博客草稿和私人笔记绝不会离开当前标签页。关闭页面后不会留下任何内容。
privacyGitHub 在 CommonMark 之上增加了一些扩展,例如任务列表、脚注以及对议题编号的自动链接。本编辑器只采用广泛支持的子集,因此在这里能正常渲染的内容,在 GitHub、GitLab、Reddit 以及大多数静态站点生成器上也都能正常渲染。
compatibility可以。将 .md 或 .markdown 文件拖放到输入区域,内容就会载入编辑器以供进一步编辑,完成后即可重新导出为 HTML 或 Markdown。
usage是的 — 把 .md 或 .markdown 文件拖到编辑器上,切换到「预览」,文件就会渲染成带格式的 HTML,无需安装任何东西即可阅读。它可作为一个快捷的 md 查看器 / 渲染器,直接在浏览器中查看 README 和文档。
usage是的 — 可在「编辑」「分屏」和「预览」之间切换。分屏会并排显示你的 Markdown 和实时 HTML,编辑提供全宽书写面板,预览则是成品文档的无干扰只读渲染视图。
featuresTry 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.
usageSwitch 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.
tipsYes — 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.
usageHow 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.
为 GitHub 项目编写 README 文件
撰写 README.md、CONTRIBUTING.md 和 CHANGELOG.md 文件并实时预览,让它们在提交前就以 GitHub、GitLab 和 npm 完全一致的方式呈现
为 Jekyll、Hugo 和 Ghost 撰写博客草稿
用 Markdown 撰写可直接放入 Jekyll、Hugo、Eleventy 和 Ghost 的博客文章,无需离开浏览器或安装桌面编辑器
会议记录与内部文档
用标题、项目符号列表和代码块记录结构化的会议笔记,然后把渲染后的 HTML 直接粘贴到 Confluence、Notion 或 Coda 中
撰写 Issue 与 Pull Request 描述
在真实的预览窗格中撰写冗长的 GitHub issue 描述、pull request 模板和 Jira 工单,无需猜测标记最终的渲染效果
撰写技术文档
用代码块、表格和链接编写内部操作手册、API 参考和 SDK 指南,然后导出为 HTML,供静态网站生成器或知识库使用
将笔记转换为整洁的 HTML 以便发布
粘贴零散的笔记,将其排版为 Markdown,再把渲染后的 HTML 直接复制到 CMS、邮件客户端或 LinkedIn 文章中,无需手动设置样式
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.
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.
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.
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.
Pixoate