Уценка Github - не может изменить стиль, встроенный - css и класс - PullRequest
Новая
       32

Уценка Github - не может изменить стиль, встроенный - css и класс

1 голос
/ 21 февраля 2020

Я пытаюсь изменить размер шрифта и высоту строки, но не получилось. Я пробовал встроенный стиль: 

<div style="font-size: 12px; line-height: 12px;")>bla</div>

и класс: 

<style>
.footnote {font-size: 12px !important; line-height: 12px !important;}
</style>

<div class="footnote">bla</div>

и синтаксис уценки: 

<font size=1>bla</font>

Ни один из них не работает. В Concole DOM выглядит так: 

<div>bla</div>

, а стили всегда определяются по умолчанию: 

.markdown-body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
    font-size: 16px;
    line-height: 1.5;
}

Кажется, мои настройки не действуют, даже класс не добавляется.

Я также попробовал некоторые другие теги, такие как <p> <span>, но не работает.

PS В предварительном просмотре Github Markdown VS Code он отображается правильно.

1 Ответ

1 голос
/ 21 февраля 2020

Это невозможно из-за проблем безопасности.

На самом деле, это не связано с Markdown, а скорее постобработка GitHub всей предоставленной пользователем разметки, как описано в github / markup . Преобразование Markdown в HTML происходит на шаге 1, что оставляет ваши теги и атрибуты без изменений. Однако стоит отметить шаг 2:

HTML дезинфицируется, агрессивно удаляя вещи, которые могут нанести вред вам и вашим родственникам, такие как теги script, inline-styles и class или id.

A предыдущая версия этого документа, связанная с кодом для дезинфицирующего средства HTML, которое они использовали в то время. В настоящее время неизвестно, используют ли они это дезинфицирующее средство или другое. Однако обзор кода для этого дезинфицирующего средства показывает, что они удаляют все пользовательские стили. Если они обновились до нового дезинфицирующего средства, вероятно, он был сделан более строгим.

В заключение, очевидно, что GitHub не позволяет использовать какие-либо пользовательские стили, используемые на их сайте.

...