← 返回首页

在线Markdown编辑器

实时预览Markdown渲染效果,支持导出HTML。

相关工具推荐

HTML 转 Markdown HTML 预览

在线Markdown编辑器 是什么?

这是一个在浏览器里直接跑的 Markdown 编辑器,左边写、右边实时出效果,不用装 Typora、VS Code 或 Obsidian。它解决的是「只想快速写一段带格式的文本,又不想为这点事开一个几百 MB 的软件」的问题。典型场景:你在公司内网写接口文档,需要贴一段带表格和代码块的说明给同事,用这个工具写完点「复制 HTML」,粘进 Confluence 或飞书文档里格式直接生效,全程数据没离开你的电脑。支持标题、有序/无序列表、代码块、表格、引用、链接、图片、分割线等 CommonMark 语法,导出可选 .md 或 .html。

使用步骤

  1. 打开页面,左侧编辑区默认已有一段示例文本,全选删除后输入你的内容,比如先敲「# 接口说明」再回车。
  2. 写列表时行首输入「- 参数名」或「1. 第一步」,右侧预览区会立刻渲染成圆点或数字编号。
  3. 插入代码块用三个反引号加语言名,例如输入 ```json 后回车,粘贴 {"code":0},再单独一行敲 ``` 收尾。
  4. 表格按「| 字段 | 类型 |」写表头,第二行写「| --- | --- |」,第三行起填数据,预览区自动对齐成表格。
  5. 写完点右上角「复制 HTML」,或选「导出 .md」把源文件存到本地,文件名默认是 markdown-时间戳。

对比:用它还是手工做?

对比维度本工具手工/替代做法
启动耗时打开网页约 1 秒内可输入装 Typora 约 80MB,VS Code 约 350MB,首次安装 1-3 分钟
实时预览延迟按键后 16-50ms 内刷新预览部分编辑器需手动按 Ctrl+Shift+P 或切换标签页查看
HTML 导出点一次按钮复制语义标签手写 <h1><ul><table> 标签,一段 10 行表格约需 3-5 分钟
数据流向全程留在本机内存,0 次上传云端笔记类工具默认同步到服务器,需手动关同步
表格对齐预览区自动对齐,源文本无需对齐竖线纯文本编辑器里靠空格对齐,中英文混排时列宽易错位

常见问题

支持哪些 Markdown 语法?

按 CommonMark 规范实现,覆盖标题(# 到 ######)、粗体斜体、有序无序列表、引用(>)、行内代码与围栏代码块、链接图片、表格、分割线(---)、任务列表(- [ ])。不支持脚注、数学公式 LaTeX 和 Mermaid 图表这三类扩展语法,写了会按纯文本显示。

内容会上传到服务器吗?

不会。整个解析和渲染由浏览器里的 JavaScript 完成,输入内容不经过任何网络请求。你可以打开开发者工具的 Network 面板,边打字边观察,除了首次加载页面的静态资源外没有新增请求。断网状态下刷新页面后依然能正常编辑和预览。

导出的 HTML 带样式吗?

复制和导出的 HTML 是语义标签(h1、ul、table、pre、code 等),不带内联 CSS,也不含 <html> 外壳。粘进支持 HTML 的编辑器(如 Confluence、WordPress 经典编辑器)会套用目标站点自己的样式。如果需要独立网页,得自己补 <style> 或引入 CSS 文件。

表格最多支持多少列?

语法层面没有硬性列数上限,实测 20 列 × 200 行(约 4000 个单元格)时预览渲染仍在 100ms 内完成。但列数超过 8 列后,预览区会出现横向滚动条,建议宽表格改用 CSV 转 Markdown 工具先生成再粘贴,避免手写竖线对不齐。

代码块会做语法高亮吗?

不会。围栏代码块只负责用等宽字体和灰底呈现原始文本,不做关键字着色。语言标识(如 ```python)会被写成 <code class="language-python">,方便你后续接入 highlight.js 之类的库自行高亮。如果只是贴日志或配置,这样反而更干净。

适用范围:CommonMark 标准语法,不含 LaTeX 公式、Mermaid 图表、脚注扩展。渲染精度以浏览器为准,同一份 .md 在 GitHub 与本站预览可能有 1-2 处细节差异(如表格对齐方式)。隐私说明:所有解析、预览、导出均在本机浏览器内完成,输入内容不上传、不落盘、不写 Cookie;关闭标签页后编辑内容即丢失,重要内容请先导出 .md 再关。

浙ICP备2026073450号