Markdown Editor

Markdown Editor

左边写 Markdown、右边实时预览。工具栏涵盖常用格式化按钮。完全在浏览器端运行,内容绝不离开你的设备。

不会。所有 Markdown 解析完全在浏览器内通过 marked 库执行(输出再经 DOMPurify 过滤以防 XSS)。你的内容绝不会被传输、记录或存储。

CommonMark + GitHub Flavored Markdown (GFM):表格、任务列表([x]、[ ])、删除线(~~)、自动链接以及带语言标记的围栏代码块(支持 190+ 种语言的语法高亮)。

编辑器 0 词 · 0 字符
预览

为什么选择 Markdown Editor?

简洁、快速、实时 — 内置所有常用 Markdown 扩展。

实时预览

输入时 HTML 即时更新,代码块含语法高亮,完整支持 GitHub Flavored Markdown。

分屏或全屏视图

可切换分屏(编辑器+预览)、仅编辑器或仅预览。手机端自动调整布局。

隐私优先

所有 Markdown 解析在浏览器内完成,内容绝不会传输或存储到任何服务器。

工具栏与快捷键

一键插入标题、粗体、斜体、代码、链接、引用、列表、表格、待办。快捷键:Ctrl/⌘+B、I、K。

GitHub Flavored Markdown

支持表格、任务列表、删除线、围栏代码块,自动识别 190+ 种语言的语法高亮。

复制与下载

一键复制 Markdown 源码或 HTML 到剪贴板,或下载为.md 文件。

Markdown 编辑器如何工作

左侧编辑,右侧实时看 HTML — 即时、本地。

  1. 1

    输入或粘贴 Markdown

    左侧是一个普通的 textarea。粘贴现有的 .md 文件,或直接开始写。标准键盘快捷键依然有效(⌘ B 加粗,⌘ I 斜体),我们还提供工具栏支持标题、列表、链接、代码块和表格。

  2. 2

    Marked.js 渲染为 HTML

    每次按键我们都会通过 marked 处理输入,这是一个久经考验的 CommonMark + GitHub Flavoured Markdown 解析器。GFM 特性 — 任务列表、表格、删除线、自动链接 — 全部支持。输出经 DOMPurify 清洗,剥除任何嵌入脚本。

  3. 3

    带语法高亮的预览

    渲染后的 HTML 中的代码块由 highlight.js 高亮,支持约 190 种语言。预览面板与编辑器同步滚动,你能看到正在编辑那一段的渲染版本。

  4. 4

    复制或下载

    导出原始 Markdown、渲染后的 HTML,或一张自包含的图片(通过 html-to-image 输出 PNG)。这三种输出全在你的浏览器中产生 — 你的草稿文本不会接触任何服务器。

人们用它来做什么

纯浏览器编辑器胜出的真实工作流。

起草 README 文件

打开编辑器,粘贴你的项目说明,在推送之前就能精确看到 README 在 GitHub 上的渲染效果。无需为了预览而 commit-revert 一遍。

撰写博客文章

在写作时使用实时预览,及时发现损坏的 Markdown — 缺少右括号、表格格式错误、跳级的标题。省去 “发布、看到渲染错乱、修复、再发布” 的来回。

离线时记笔记

页面加载完后,编辑器在飞机上或公司防火墙后都能用。你的草稿保留在浏览器标签页中;离开页面前请小心关闭或先复制出来。

把 Markdown 转成干净的 HTML

拖入一篇长篇 Markdown 文档,复制渲染后的 HTML,粘贴到你的 CMS。通常比 CMS 自带的 Markdown 导入器更干净,后者经常会不可预测地剥除格式。

为什么草稿值得隐私保护

草稿常含未润色的想法、内部产品名、客户反馈或受 NDA 约束的内容。会自动保存到云端的在线编辑器,会悄悄把每一次按键变成服务器日志。iKit 的 Markdown 编辑器根本没有保存接口 — 你的草稿只存在于这个浏览器标签页里。

  • 不会自动保存到服务器,我们这边没有草稿历史。
  • 渲染在每次按键时本地完成 — 没有 debounce 后的 API 调用。
  • 嵌入图片仍以你粘贴的 Data URI 或外部 URL 形式存在 — 我们不会代理它们。

相关教程

来自 iKit 博客的深度教程与工具对比。

常见问题

我的内容会被发送到服务器吗?

不会。所有 Markdown 解析完全在浏览器内通过 marked 库执行(输出再经 DOMPurify 过滤以防 XSS)。你的内容绝不会被传输、记录或存储。

支持哪种 Markdown 方言?

CommonMark + GitHub Flavored Markdown (GFM):表格、任务列表([x]、[ ])、删除线(~~)、自动链接以及带语言标记的围栏代码块(支持 190+ 种语言的语法高亮)。

我的文件会自动保存吗?

不会。本工具不会自动保存。请使用「下载」按钮将文档保存为.md 文件。由于服务器端不存储内容,刷新页面会丢失编辑内容。

有哪些快捷键?

Ctrl/⌘+B 粗体、Ctrl/⌘+I 斜体、Ctrl/⌘+K 插入链接。Tab 键插入 4 个空格(或缩进选中行)。Shift+Tab 反向缩进。

可以粘贴或拖放图片吗?

目前可以通过工具栏插入图片语法(![alt](url))。未实现直接粘贴/拖放上传图片,因为图片必须存储在某处 — 这会违反本站隐私优先的设计原则。