Подсветка кода на странице

Подсветка кода на странице

Все чаще я стал публиковать записи по верстке, приводить на страницах исходный код. И столкнулся с весьма очевидной проблемой - как подсвечивать исходный код? Для меня важны 3 критерия - простота, удобство и наглядность. Я нашел решение.

В интернете скриптов по подсветке кода - море. И все они по своему хороши. Но подключать дополнительные скрипты и файлы стилей к сайту - не хочется. Поэтому надо искать что-то другое. Мне понравился сервис - http://highlight.hohli.com/. Все просто - выбираете нужный язык, вставляете код, нажимаете - Highlight! и получаете код для вставки на сайт. Просто и удобно. К тому же можно сделать, чтобы код был нумерованным или использовался тег <font>  (требование сайта habrahabr).

Если говорить все же о скриптах, которые подключать на сайт (на случай, если сервис по подсветке кода будет недоступен), то я бы остановился на http://softwaremaniacs.org/soft/highlight/ - распознает 54 языка и поставляется с 26 стилевыми темами. К тому же автоматически распознает код и вид языка. Достаточно лишь заключить код в несложную конструкцию вида <pre><code>...</code></pre>. Удачи в подсветке;)

26.07.13
Для просмотра сайта обновите браузер.