Як відобразити вміст HTML у github README.md?


83

Я новачок у github, в README.md хочу відображати вміст HTML за допомогою iframe чи щось таке можливо?

Те, що я пробував, це просто створюю HTML-теги, які не є якісними, а не якірними, і це не працює.


Інші пропозиції в дублікаті питання: stackoverflow.com/questions/48402823 / ...
ms609

Відповіді:


47

Інтерпретатор націнки Github може включати HTML. Однак у HTML можна зробити стільки всього. Я б запропонував ознайомитись із цією статтею, яка містить більше інформації про те, які теги можна використовувати. Особисто я ніколи не використовував набагато більше, ніж розриви рядків, горизонтальні правила тощо ... На жаль, я не бачу фреймів, згаданих у статті.


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.


1
Список розміщених публікацій lazysoundsystem Змінено, див. рядок # 46,47,48 щодо ДОЗВОЛЕНИХ HTML-ТЕГІВ: GitHub-HTML-pipeline-sanitization_filter.rb , я перевірив + виявив, що посилання правильне, на даний момент. Такі теги заборонені: сценарій, стиль, iframe, інтервал, ... Але div, таблиця,… частково дозволено. GitHub також видаляє / фільтрує багато атрибутів, що використовуються всередині тегів. Оскільки GitHub може застосовувати фільтр до тегів і 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 в будь-який інший файл розмітки, наприклад:

![](./path/example.svg)
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.