Перевод подсветки на highlight.js

[B~Vladi]

B~Vladi, его несложно научить этому.

Мне что ли нужно его научить?!

[PeaceCoder]

Поборол.

побороть то поборол. Ток теперь сайт прыгает как казеный но в конце концов норм выглядит.

[Riim]

Так нельзя. Потому что строка может быть такой длинной, что разрастется на 2, 3 и более строк вниз.
Наглядный пример:

кто мешает нижний overflow прописать?

[B@rmaley.e><e]

Riim, дело не в overflow'е. Строки будут нумероваться неправильно. Для картинки мы предполагаем фиксированную высоту строки, а у нас строка может занимать x высот стандартной строки.
Пример такого ошибочного нумерования:

[Riim]

а у нас строка может занимать x высот стандартной строки

Если включен overflow никаких "x высот" не будет.

[B@rmaley.e><e]

Тогда overflow-x. Но, имхо, это не очень хорошее решение - тянуть код на километры вправо.

[Riim]

Тогда overflow-x. Но, имхо, это не очень хорошее решение - тянуть код на километры вправо.

большинство highlight-еров делают именно так.

[Илья Кантор]

Мне очень нравится вариант с переносом строки, он правильный. В редакторах строка именно переносится.

Если у вас тулбар открывается слева - сделайте Ctrl-F5, если по-прежнему слева - напишите браузер.. У меня он справа.

[Dmitry A. Soshnikov]

С номерами строк - можно toggle, как вариант, сделать, а не полный off. При скрытии, зелёную полоску (бордюр) тоже лучше скрыть (лучше паддинг небольшой (если нет) слева вместо неё, чтобы код не лепить по левому краю).

Инконка "Run" наезжает на текст "Запустить".

[Илья Кантор]

<div>Тестируем</div>
<div>Просмотр</div>
<div style="color:red"> HTML </div>