工具魔方
你的全能在线工具中心

Markdown编辑器

在线Markdown编辑器,支持实时分屏预览、GFM完整语法、自动保存本地、导入导出.md文件,纯前端运行不上传服务器。

工具说明

工具介绍

在线 Markdown 编辑器,基于 @uiw/react-md-editor 构建,提供所见即所得的编辑体验。左侧输入 Markdown 文本,右侧实时渲染预览效果,支持编辑/分屏/预览三种视图模式自由切换。

功能特点

- 实时分屏预览:输入即所见,编辑与预览同步更新

- 完整 GFM 语法:标题、列表、表格、代码块、引用、任务列表、链接图片等

- 自动保存:内容实时保存到浏览器本地,刷新页面不丢失

- 文件导入:支持导入本地 .md / .markdown 文件继续编辑

- 文件导出:一键下载 .md 文件,或复制 Markdown 源码到剪贴板

- 字符统计:实时显示字符数和词数

- 纯前端运行:所有处理在浏览器本地完成,数据不上传服务器

使用方法

  1. 在编辑区直接输入 Markdown 文本,或点击「导入 .md」上传本地文件。
  2. 通过顶部切换「编辑」「分屏」「预览」三种视图模式。
  3. 编辑过程中内容会自动保存,无需手动操作。
  4. 点击「下载 .md」导出文件,或「复制」将源码复制到剪贴板。

常见问题

Q:刷新页面后内容会丢失吗?

A:不会。编辑器会自动将内容保存到浏览器本地存储(localStorage),刷新或重新打开页面后自动恢复。

Q:支持哪些 Markdown 语法?

A:完整支持 GitHub Flavored Markdown(GFM),包括标题、有序/无序列表、任务列表、表格、围栏代码块、引用、链接、图片、粗体斜体、删除线等。