Markdown 编辑器

左右分栏实时预览的 Markdown 编辑器,支持导出

Markdown 编辑器是做什么的

写 README、技术笔记或文档时,一边写 Markdown 一边想看渲染效果,来回切换很麻烦。这个编辑器左边输入、右边实时预览,写完立刻能看到标题、列表、表格和代码块的最终样子。

渲染器为纯前端手写的简版实现,支持标题、粗体、斜体、行内代码、代码块、列表、引用、链接、表格和分隔线等常用语法,图片按占位符提示显示。全部处理在本地完成,支持复制 HTML、下载 .md 和 .html 文件。

核心功能

  • 左写右看实时同步预览
  • 支持标题列表表格代码块等语法
  • 图片渲染为占位符不加载外链
  • 一键复制渲染后的 HTML
  • 可下载 .md 与 .html 两种文件

Markdown 编辑器怎么用

左右分栏实时预览的 Markdown 编辑器,支持导出

  1. 在左侧输入 Markdown 文本
  2. 右侧实时查看渲染效果
  3. 点击复制 HTML 或直接下载文件
  4. 移动端会自动改为上下排列

适合这些场景

  • 编写项目 README 文档
  • 整理技术笔记和学习笔记
  • 快速生成带样式的 HTML 页面

常见问题

图片为什么不显示出来?

为了保持纯本地运行、不发起任何外部请求,图片一律渲染成占位符并标注图片地址,需要真实图片时请在发布平台再替换。

支持嵌套列表吗?

支持单层无序与有序列表;嵌套层级会按普通段落处理,复杂嵌套建议改用多级标题组织内容。

下载的 HTML 有样式吗?

有。导出的 HTML 内置了标题、代码块、表格、引用等基础样式,双击即可在浏览器里直接阅读。