带实时预览的 Markdown 编辑器 - 导出 HTML

Markdown 编辑器与预览

预览

源文本中的原始 HTML 在预览中显示为文本,javascript: 和 data: 链接已被禁用。

如何编写 Markdown

Markdown 是加了少量标点约定的纯文本:井号表示标题,星号表示强调,短横线表示列表项。README、维基、问题跟踪器和多数笔记应用都认识它。此编辑器在您输入时实时渲染,让您看到结构逐渐成形,完成后导出干净的 HTML。

步骤

  1. 1 在左侧框中输入或粘贴 Markdown。右侧预览随每次按键更新。
  2. 2 把示例当作速查表:标题、粗体和斜体、列表、代码块、表格、引用和链接都在其中。
  3. 3 复制 HTML 用于 CMS 或模板,或将文档下载为 .md 或独立的 .html 文件。

一分钟学会语法

标题:# 标题、## 章节、### 小节。强调:**粗体**、*斜体*、~~删除线~~。列表:行首用 - 或 1.;缩进两个空格以嵌套。链接:[文字](https://example.com);图片:![替代文字](image.png)。行内代码放在 `反引号` 中;代码块用三个反引号围起,后面可选跟语言名。一行 --- 画出分隔线,以大于号开头的行是引用。

表格

表格由表头行、分隔行和数据行组成,单元格用竖线分隔:| 名称 | 价格 |。分隔行使用短横线,任一端加冒号设置对齐方式 — :--- 左对齐,:---: 居中,---: 右对齐。源文本中的列不必对齐,渲染器会处理间距。

HTML 导出包含什么

“复制 HTML”只给出正文标记 — 段落、标题、列表和表格 — 可直接粘贴到已有自身样式的页面中。“下载 .html”则把这些标记包进一个完整文档,标题取自您的第一个标题,并附带一小段样式表,这样文件在任何浏览器中都能清晰打开。

为什么不渲染原始 HTML

标准 Markdown 会原样放行 HTML,方便但也让任何粘贴进来的文档都可能在页面中运行脚本。此预览改为转义处理:源文本中的 div 或 script 标签显示为文本。出于同样原因,javascript: 和 data: 协议的链接被禁用。您导出的文件同样不含注入代码。

Markdown 编辑 - 常见问题

CommonMark 加上人们真正使用的 GitHub 扩展:表格、删除线以及带语言标签的围栏代码块。不支持脚注、任务列表复选框和下划线式(setext)标题。
新
YAML 格式化 重新整理杂乱 YAML 的缩进,按行号定位错误,并以 JSON 形式回看文档。注释、块标量与锚点都会保留。全部在浏览器中完成。
今日热门
YAML 格式化 重新整理杂乱 YAML 的缩进,按行号定位错误,并以 JSON 形式回看文档。注释、块标量与锚点都会保留。全部在浏览器中完成。

相关开发工具

JSON 格式化 在浏览器里格式化、压缩并校验 JSON。出错位置精确到行列,可折叠的树状图展示结构。
HTML 格式化 把乱糟糟的 HTML 缩进成能读的样子,或者压掉多余部分让它变小。片段也能处理,而且绝不把你的标记改写成别的东西。
CSS 压缩 去掉注释和空白来压缩 CSS,或者重新展开成整齐的缩进。calc() 中的空格、字符串和许可证注释都原样保留。
XML 格式化 把乱糟糟的 XML 缩进成能读的样子,或者压小。支持 RSS、CDATA 和命名空间,绝不改写你的文档。
SQL 格式化 把长查询拆成好读的几行,或者再挤回一行。关键字大小写、带引号的名字和字符串原样保留。

您可能喜欢的其他工具

Word转PDF 免费把 Word 转成 PDF:上传 DOC、DOCX、ODT 或 RTF 文件,几秒内下载排版完好的 PDF,无需注册。
PDF转Word 免费把 PDF 转成 Word:上传 PDF,几秒内下载可编辑的 DOCX 文件,无需注册,也没有水印。
字数统计器 免费字数统计:粘贴文本即可统计字数、字符、句子与段落,并估算阅读时间,内容不会离开浏览器。
字符计数器 免费字符统计:统计含空格与不含空格的字符数、词数和行数,并检查标题与元描述的 SEO 长度限制。
关键词密度检查器 免费关键词密度分析:粘贴文本或网址,查看每个词与短语出现的次数及占比,辅助内容优化。