Command Palette

Search for a command to run...

MA

Markdown到 HTML

使用 GitHub Flavored Markdown 支持将 Markdown 转换为干净的语义 HTML - 表、任务列表、围栏代码、标题锚、实时预览和完整的 HTML 文档导出。

什么是HTML转换器的Markdown?

Markdown 到 HTML 转换器将 Markdown 源(一个 README、一个更改日志、一个博客草稿、一组发布说明)转换为浏览器或 CMS 渲染的 HTML。在左侧粘贴或键入 Markdown,然后在右侧获得语义 HTML:标题变为 h1 hedh6,围栏代码变为 pre 和带有语言类的代码,列表变为 ul 和 ol,并且 GitHub 扩展(例如表、任务列表和删除线)按照 GitHub 渲染的方式处理它们。

Markdown是一种纯文本的写作格式,而不是显示格式,它出现在页面上的任何地方- 一个docs站点,一个静态博客,一个电子邮件模板,一个只接受HTML的CMS字段- 有些东西必须先在浏览器中做到这一点,而不是把解析器拉到你的构建中或将你的草稿粘贴到你不控制的服务中,这是最快的方法来获得标记并继续前进。

一切都在客户端运行。 转换器是一个手写的解析器,而不是一个远程 API 的包装器,因此您未发布的帖子、内部文档和私有版本说明永远不会离开页面。 Toggle GitHub 风格化 Markdown、标题 ID、单换行符和原始 HTML 传递,然后复制 HTML、下载 .html 文件或获取生成的目录。

Markdown转换为HTML时得到的简短的工作示例在这里显示。粘贴`#我的项目`,然后`##安装`,然后是一个两行任务列表`- [x] Done`和`- [] Todo`。输出是`<h1 id="my-project">我的项目</h1>`,`<h2 id="install">安装</h2>`和一个`<ul class="task-list">`其项目从禁用的复选框输入开始。Tick Full 文档和相同的正文用`<title>我的项目</title>`包裹在一个doctype中。它是一个免费的Markdown到HTML转换器,没有注册,它会随着你的键入而转换。

Markdown 允许原始 HTML 内联,这使得安全问题是真实的而不是理论的:包含脚本标签的文档是有效的 Markdown,而传递它的转换器会产生 HTML,当渲染时会运行此处的输出会默认转义,因此来自不受信任源的 Markdown 文件无法将标签偷偷带入您的页面 链接是一个单独的情况:Markdown 中的一个`javascript:`link 将复制后的 HTML 中的那个 href 保留下来,并且只有预览窗格重写它,因此在发布您未编写的 Markdown 之前先清理输出 如果您正在转换自己的内容并希望保留原始 HTML,那是故意的选择而不是默认的 另一件需要知道的事情是 Markdown 没有单一的规范 GitHub Flavored Markdown 在此实现,它涵盖了表、任务列表、删除线和围栏代码,并且这些是扩展而不是原始语法的一部分,因此严格的 CommonMark 渲染器不会显示它们。

如何使用 Markdown 到 HTML 转换器?

  1. 粘贴您的Markdown

    Markdown键入或粘贴到编辑器中 - 一个README,一个更改日志,来自编辑器的笔记,任何东西。输出更新,因为你输入;加载样本,如果你想看到支持什么。

  2. 选择您的选项

    为表格、任务列表、删除线和裸网址链接打开 GitHub 风格的 Markdown。 添加深层链接的标题 ID,如果单个换行符应该变成 <br />,则启用换行符,如果您的Markdown已经包含标签,则允许原始 HTML。

  3. 检查预览

    HTML 源和渲染预览之间切换,以确认结构是您所期望的,并读取文档统计信息 - 字、标题、链接、代码块和读取时间。

  4. 复制、下载或使用 TOC

    HTML复制到剪贴板,或者按。html下载成文档。html(如果要独立页面,先勾选完整文档),也可以复制从H2和H3标题锚构建的自动生成的Markdown目录。

主要特点

  • GitHub 口味的Markdown

    带有列对齐、任务列表复选框、~~删除线~~和裸露 URL 自动链接的表格 - 您的 README 已经依赖的扩展

  • 语言类的围栏代码

    被围栏的块变成 <pre><code class="language-js">,类名 prism, highlight.js 和 shiki 期望,因此语法突出显示在将输出粘贴到您的站点的那一刻起作用

  • 航向锚和TOC

    每个标题都会有一个经过重叠的 id,该工具会为您的 H2 和 H3 标题生成一个 Markdown 目录,您可以将其粘贴回文档顶部

  • 默认安全

    源(source)中的原始HTML被转义,除非你选择加入,并且实时预览会剥离脚本,样式和内联事件处理程序 - 因此粘贴别人的Markdown无法运行他们的代码

Frequently Asked Questions

Markdown粘贴到编辑器中,HTML立即出现 - 没有转换按钮按下,也没有文件上传如果您的源使用表格或任务列表,则切换GitHub风味Markdown,然后复制HTML或将其下载为。html文件。

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

markdown to htmlconvert markdown to htmlmarkdown to html converteronline markdown to html converterfree markdown to html convertermarkdown convertermd to htmlmarkdown compilermarkdown previewgithub flavored markdownmarkdown rendererconvert readme to htmlmarkdown parser