Я хотел бы локально и глобально установить максимальную высоту блоков кода SyntaxHighlighter.
Вот пример глобальной реализации, которая вроде как работает:
Как только вы внедрите и заработаете SyntaxHighlighter, в соответствии с приведенными здесь инструкциями, непосредственно перед </head>
в шаблоне Blogger добавьте:
<style type="text/css">
.syntaxhighlighter {
height: 1024px;
overflow-y: auto !important;
overflow-x: auto !important;}
</style>
(Источник). Это ограничит размер кода до 1024 пикселей по вертикали, а затем добавит вертикальную полосу прокрутки, чтобы увидеть остальные. Это здорово, но при этом НЕ задается максимальная высота, а задается фиксированная высота. Таким образом, даже если ваш код состоит всего из 4 строк, теперь он имеет высоту 1024 пикселя, смещая пробел под вашими 4 строками и до того, как в вашем сообщении появится следующее.
Обратите внимание, например, ниже. Это временная страница на моем сайте здесь: http://www.electricrcaircraftguy.com/p/test-page_19.html. Вы увидите длинный блок кода, и это нормально, поскольку для отображения требуется > 1024 пикселя по вертикали, за которым следуют 4 маленькие строки кода, за которыми следует тонна пробела, а затем слово «конец», чтобы указать, где появляется следующий элемент в сообщении.
- Мне не нужны все эти пробелы — я хочу, чтобы 1024 пикселя были максимальной высотой, а не фиксированным значением, и...
- Я хочу иметь возможность установить другие локальные настройки максимальной высоты для отдельных блоков кода. Пример: 1024 пикселя должны быть глобальным максимумом для всего моего сайта, но, может быть, я хочу 350 пикселей в определенном посте для другого блока кода, а затем 500 пикселей для следующего блока кода и т. д.