Làm cách nào để hiển thị nội dung HTML trong github README.md?

82

Tôi mới sử dụng github, README.mdmuốn hiển thị nội dung HTML bằng Iframe hoặc điều gì đó có thể thực hiện được không?

Những gì tôi đã thử là tôi chỉ tạo các thẻ HTML khác sau đó neo, điều đó không hoạt động.

github markdown

— BalaKrishnan 웃
nguồn

Các đề xuất khác trong câu hỏi trùng lặp: stackoverflow.com/questions/48402823/…

— ms609

46

Trình thông dịch đánh dấu của Github có thể bao gồm HTML. Tuy nhiên, chỉ có rất nhiều điều bạn có thể làm trong HTML. Tôi khuyên bạn nên xem bài viết này cung cấp thêm thông tin về những thẻ nào có thể được sử dụng. Cá nhân tôi chưa bao giờ sử dụng nhiều hơn các quy tắc ngắt dòng, ngang, vv ... Rất tiếc, tôi không thấy Iframe được đề cập trong bài viết.

— mjgpy3
nguồn

14

Họ mạnh tay loại bỏ html có thể gây hại cho người dùng, chẳng hạn như script. Một iframe sẽ thuộc danh mục đó vì bạn có thể cung cấp cho mọi người bất cứ thứ gì, thậm chí là phần mềm độc hại ngay trên github.

— s1h4d0w

37

Như đã trả lời bởi mjgpy3 , bạn có thể bao gồm html - không <html>cần thẻ, nhưng nó sẽ được làm sạch trước khi hiển thị và các thẻ duy nhất được phép nằm trong danh sách trắng này .

Danh sách hiện bao gồm:

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

nhưng không iframe.

— hệ thống âm thanh lười biếng
nguồn

1

Danh sách đã đăng của lazysoundsystem đã thay đổi, Xem dòng # 46,47,48 để biết TAG HTML ĐƯỢC PHÉP: GitHub-HTML- pipe -sanitization_filter.rb , tôi đã xác minh + thấy liên kết là chính xác, tại thời điểm này. Các TAG như vậy Không được phép: script, style, iframe, span,… Nhưng div, table,… được phép một phần. GitHub cũng loại bỏ / lọc nhiều Thuộc tính được sử dụng bên trong TAG. Vì GitHub có thể áp dụng Bộ lọc trên TAGs & (các) Thuộc tính, Chúng phải cho phép <style>, <script>,… với Filtering-ON, để cho phép ít nhất một số Thuộc tính / Lệnh CSS + JS an toàn.

— atErik

1

Bạn có thể sử dụng svg để giải quyết, ví dụ mã (./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>

và sau đó sử dụng cách chèn hình ảnh để nhúng tệp svg vào bất kỳ tệp đánh dấu nào khác, như sau:

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

— yihao bạn
nguồn