如何在github README.md中显示HTML内容？

83

我是github的新手，README.md想使用iframe显示HTML内容，这可能吗？

我尝试过的是，我只是创建HTML标记，然后再锚定，这是行不通的。

github markdown

— 巴拉克里希南웃
source

重复问题中的其他建议：stackoverflow.com/questions/48402823/…–

— ms609

47

Github的markdown解释器可以包含HTML。但是，HTML只能做很多事情。我建议您查看这篇文章，该文章提供了有关可以使用哪些标签的更多信息。就个人而言，我从未使用过换行符，水平规则等。不幸的是，我没有看到本文提到的iframe。

— mjgpy3
source

14

他们积极删除可能对用户有害的html，例如脚本。iframe属于该类别，因为您可以为人们提供任何服务，甚至包括github上的恶意软件。

— s1h4d0w

38

正如mjgpy3回答的那样，您可以包含html-不需要<html>标签，但是会在显示之前进行清理，并且唯一允许的标签在此白名单中。

该列表当前包括：

h1 h2 h3 h4 h5 h6 h7 h8 br b i strong em a pre code img tt div ins del sup sub p ol ul table thead tbody tfoot blockquote dl dt dd kbd q samp var hr ruby rt rp li tr td th s strike summary details caption figure figcaption abbr bdo cite dfn mark small span time wbr

但是没有iframe。

— 懒音系统
source

1

lazysoundsystem的发布列表已更改，有关允许的HTML标记，请参见第46,47,48行：GitHub-HTML-pipeline-sanitization_filter.rb，目前我已验证+发现链接正确。不允许使用此类TAG：脚本，样式，iframe，跨度等，但是div，表等部分允许。GitHub还删除/过滤了TAG中使用的许多属性。由于GitHub可以在TAG和Attrib上应用过滤器，因此它们应该允许<style>，<script>，…以及Filtering-ON，以至少允许一些安全的CSS + JS属性/命令。

— atErik

1

您可以使用svg解决示例代码（./path/example.svg）：

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<foreignObject width="100" height="100">
    <div xmlns="http://www.w3.org/1999/xhtml">
        <ul>
            <li>text</li>
        </ul>
        <!-- Other embed HTML element/text into SVG -->
    </div>
</foreignObject>
</svg>

然后使用图片插入方式将svg文件嵌入其他任何markdown文件中，如下所示：

![](./path/example.svg)

— 一好爷
source