github README.md에서 HTML 콘텐츠를 표시하는 방법은 무엇입니까?

83

나는 github를 처음 사용합니다. README.mdIframe을 사용하여 HTML 콘텐츠를 표시하려는 경우 사용하거나 이것이 가능합니까?

내가 시도한 것은 작동하지 않는 앵커 이외의 HTML 태그를 만드는 것입니다.

github markdown

중복 질문의 다른 제안 : stackoverflow.com/questions/48402823/...

— ms609

47

Github의 마크 다운 인터프리터 에는 HTML 이 포함될 수 있습니다. 그러나 HTML에서 할 수있는 일은 너무 많습니다. 어떤 태그를 사용할 수 있는지에 대한 자세한 정보를 제공 하는 이 기사 를 확인하는 것이 좋습니다 . 개인적으로 저는 줄 바꿈, 수평 규칙 등을 많이 사용한 적이 없습니다. 불행히도이 기사에서 언급 된 Iframe을 볼 수 없습니다.

— mjgpy3
소스

14

스크립트와 같이 사용자에게 해로울 수있는 html을 적극적으로 제거합니다. iframe은 잠재적으로 사람들에게 무엇이든, 심지어 github에있는 멀웨어까지 제공 할 수 있기 때문에이 범주에 속합니다.

— s1h4d0w

38

mjgpy3의 답변에 따라 html-no 태그를 포함 할 수<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.

— 게으른 소리 시스템
소스

1

lazysoundsystem의 게시 된 목록이 변경되었습니다. 허용 된 HTML 태그에 대한 # 46,47,48 행 참조 : GitHub-HTML-pipeline-sanitization_filter.rb , 링크가 올바른지 확인 + 발견했습니다. 허용되지 않는 태그 : 스크립트, 스타일, iframe, 스팬,… 그러나 div, 테이블,… 부분적으로 허용됩니다. GitHub는 또한 TAG 내에서 사용되는 많은 속성을 제거 / 필터링합니다. GitHub는 TAG 및 Attrib에 필터를 적용 할 수 있으므로 최소한 안전한 CSS + JS 속성 / 명령을 허용하려면 Filtering-ON과 함께 <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
소스