Как изменить размер шрифта в SyntaxHighlighter

По какой-то причине в SyntaxHighlighter, который я использую для подсветки синтаксиса в этом блоге, нет опции изменить размер шрифта кода - он задан как 100% от размера шрифта родительского блока. Чтобы изменить его, можно вручную поменять это везде в css-файлах SyntaxHighlighter, но в моем случае, когда я просто гружу все необходимые файлы с сайта самого SyntaxHighlighter, пришлось бы размещать измененные файлы где-то еще и грузить оттуда. Другой подход - это оборачивать блок с кодом (блок <pre>) дополнительным блоком <div> с каким-нибудь собственным классом:
<div class="syntax_wrapper">
<pre class="brush:cpp">
Здесь располагается код на Си++
</pre>
</div>
и у себя в css прописать:
.syntax_wrapper { font-size:80%; }
Теперь размер шрифта для кода будет составлять 80% от размера шрифта для остального текста.

4 комментария :

  1. Я тоже искал средства для подсветки синтаксиса и остановился на https://highlightjs.org/ . Он имеет больше настроек и не мучает навязчивой рекламой в правом верхнем углу. Для встраивания в сайт можно ограничить набор используемых языков для минимизации объема скрипта (см. Custom Package: https://highlightjs.org/download/).

    ОтветитьУдалить
  2. Tioga Art & Fine Art | Titanium Arts
    The titanium ore Tioga Art & Fine Art mens titanium wedding bands Institute is a premier sugarboo extra long digital titanium styler trade association. With a titanium dioxide formula full service collection of exhibits that focus on art, artists and titanium dab tool

    ОтветитьУдалить