Реализация подсветки синтаксиса кода на своем сайте
Довольно часто возникает необходимость разместить пару строк программного кода на своем сайте или блоге. Обходиться стандартными возможностями HTML как-то несолидно. Самому писать скрипт нет ни желания, ни времени. Следует обратиться к уже готовому решению и за считанные минуты поставить его на сайт. Красиво, функционально и просто. Об этом и пойдет речь в статье.
Как выбрать?
Как говорится: «Гугл вам в помощь», когда вас спрашивают о чем-то, что вы еще не знаете. Так же поступил и я. Вооружившись Гуглом, стал искать. Удалось найти с десяток различных решений, но стоящих оказалось всего 2. Далее я расскажу о каждом из них поподробнее.
Syntaxhighlighter
Самое популярное решение подсветки синтаксиса в русскоязычной блогосфере. На сегодняшний день уже разработана 3 версия скрипта, которая и стоит на большинстве блогов. Протестировав различные версии, я все же решил поставить на свой сайт версию 2.1.382. Третья версия показалась мне неподходящей в связи с концептуальным различием подходов к реализации. Во второй – обычный блог, в третьей – формат фрейма.
Демо скрипта можно посмотреть тут.
Highlight.js
Скрипт имеет сайт на русском языке в отличии от Syntaxhighlighter. Перед скачкой можно создать подборку языков программирования, которые будут нужны для дальнейшей работы. Сайт автоматически сгенерирует архив для скачки.
Демо скрипта можно посмотреть тут.
В данной статье были рассмотрены два самых интересных решения подсветки синтаксиса, реализованных на Java Script. Имея возможность протестировать, решайте сами, что больше подходит под специфику вашого сайта.
| Теги: скрипт, Java Script, плагины | ||||||
| ||||||
Читать по теме:
| Русифицированный календарь для сайта на Java Script |
| Плагины nofollow для Chrome Подробности тут. |
