github README.mdでHTMLコンテンツを表示するにはどうすればよいですか？

83

私はgithubREADME.mdを初めて使用しますが、Iframeを使用してHTMLコンテンツを表示したいのですが、これは可能ですか？

私が試したのは、アンカー以外のHTMLタグを作成するだけで、機能していません。

github markdown

— BalaKrishnan웃
ソース

重複した問題の他の提案：stackoverflow.com/questions/48402823/...

— ms609

47

GithubのマークダウンインタープリターにはHTMLを含めることができます。ただし、HTMLでできることはそれほど多くありません。使用できるタグの詳細については、この記事を確認することをお勧めします。個人的には、改行や水平方向のルールなどを使用したことはありません。残念ながら、記事にIframeが記載されていません。

— mjgpy3
ソース

14

スクリプトなど、ユーザーに害を及ぼす可能性のあるhtmlを積極的に削除します。iframeはそのカテゴリに分類されます。これは、github上のマルウェアでさえ、人々に何でも提供できる可能性があるためです。

— s1h4d0w 2016年

39

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。

— lazysoundsystem
ソース

1

lazysoundsystemの投稿リストが変更されました。許可されたHTMLタグについては行番号46、47、48を参照してください：GitHub-HTML-pipeline- sanitization_filter.rb 、現時点でリンクが正しいことを確認しました。このようなタグは許可されていません：スクリプト、スタイル、iframe、スパン、…しかし、div、テーブル、…部分的に許可されています。GitHubは、TAG内で使用される多くの属性も削除/フィルタリングします。GitHubはタグと属性にフィルターを適用できるため、少なくともいくつかの安全なCSS + JSプロパティ/コマンドを許可するには、フィルターをオンにして<style>、<script>、…を許可する必要があります。

— 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ファイルを他のマークダウンファイルに埋め込みます。

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

— yihao ye
ソース