Markdown编辑器
在线Markdown编辑器,支持实时分屏预览、GFM完整语法、自动保存本地、导入导出.md文件,纯前端运行不上传服务器。
工具说明
工具介绍
在线 Markdown 编辑器,基于 @uiw/react-md-editor 构建,提供所见即所得的编辑体验。左侧输入 Markdown 文本,右侧实时渲染预览效果,支持编辑/分屏/预览三种视图模式自由切换。
功能特点
- 实时分屏预览:输入即所见,编辑与预览同步更新
- 完整 GFM 语法:标题、列表、表格、代码块、引用、任务列表、链接图片等
- 自动保存:内容实时保存到浏览器本地,刷新页面不丢失
- 文件导入:支持导入本地 .md / .markdown 文件继续编辑
- 文件导出:一键下载 .md 文件,或复制 Markdown 源码到剪贴板
- 字符统计:实时显示字符数和词数
- 纯前端运行:所有处理在浏览器本地完成,数据不上传服务器
使用方法
- 在编辑区直接输入 Markdown 文本,或点击「导入 .md」上传本地文件。
- 通过顶部切换「编辑」「分屏」「预览」三种视图模式。
- 编辑过程中内容会自动保存,无需手动操作。
- 点击「下载 .md」导出文件,或「复制」将源码复制到剪贴板。
常见问题
Q:刷新页面后内容会丢失吗?
A:不会。编辑器会自动将内容保存到浏览器本地存储(localStorage),刷新或重新打开页面后自动恢复。
Q:支持哪些 Markdown 语法?
A:完整支持 GitHub Flavored Markdown(GFM),包括标题、有序/无序列表、任务列表、表格、围栏代码块、引用、链接、图片、粗体斜体、删除线等。