Markdown在线编辑器

GFM语法 · 实时预览 · 查看HTML · 目录生成 · 导出MD/HTML/TXT
0 字 · 0 行
Markdown
👁️ 预览 🏗️ 查看HTML

📖 Markdown在线编辑器使用说明

Markdown在线编辑器支持GFM语法,左侧输入Markdown右侧实时渲染HTML预览。提供工具栏快捷插入、[TOC]自动目录生成、查看HTML源码(语法高亮)、实时字数统计、4种模板,以及导出.md/.html/.txt三种格式文件和复制Markdown/HTML代码。

一、支持的语法

语法写法效果
标题# ~ ######H1~H6
粗体**文字**文字
斜体*文字*文字
删除线~~文字~~文字
代码`code`code
代码块```lang```代码块
链接[文字](url)超链接
图片![alt](url)图片
列表- / 1.无序/有序
任务- [ ] / - [x]复选框
表格| A | B |表格
目录[TOC]自动目录

二、使用场景

2.1 README编写

快速编写GitHub README.md。

2.2 博客文章

Markdown写博客,导出HTML粘贴到CMS。

2.3 技术文档

API文档、使用手册,表格和代码块支持完善。

2.4 笔记整理

会议/学习笔记的快速格式化。

2.5 邮件草稿

Markdown写邮件,复制HTML粘贴到邮件客户端。

2.6 Markdown学习

工具栏按钮+实时预览学习语法。

2.7 查看HTML源码

切换"查看HTML"标签查看生成的HTML代码,语法高亮显示。

2.8 多格式导出

一份内容导出.md、.html、.txt三种格式满足不同需求。

三、使用教程

第1步:输入

左侧输入Markdown,用工具栏快捷插入格式或加载模板。

第2步:预览

右侧实时渲染HTML预览,含表格/代码块/任务列表。

第3步:查看HTML

点击"🏗️ 查看HTML"查看HTML源码,标签蓝色/属性绿色/值黄色语法高亮。

第4步:生成目录

插入[TOC]自动生成文章目录。

第5步:导出

"💾 .md"/.html/.txt下载文件,"📋 MD"/"📋 HTML"复制到剪贴板。

第6步:清空

"🗑️ 清空"清除编辑器内容重新开始。

四、常见问题

4.1 支持哪些方言?

GFM,含表格、任务列表、删除线、围栏代码块和[TOC]目录。

4.2 导出HTML含样式吗?

是的,.html含完整内联样式。

4.3 .txt导出什么内容?

导出Markdown渲染后的纯文本(去除HTML标签),适合邮件等场景。

4.4 查看HTML有语法高亮吗?

有,标签蓝色、属性绿色、值黄色。

4.5 编辑按钮会跳转吗?

不会,所有工具栏按钮在光标位置插入格式,不改变滚动位置。

4.6 内容会保存吗?

不自动保存,请及时下载文件。

4.7 数据安全吗?

100%浏览器端处理,不传输服务器。

✅ 已复制到剪贴板