Кажется, наконец-то я нашел плагин, которым удобно пользоваться, который хорошо подсвечивает код и который легко настраивается. Это — Crayon Syntax Highlighter. Я обнаружил этот плагин на одном из сайтов с примерами кода. Он мне очень понравился, и, поэтому, теперь я полностью перешел на его использование. Плагин работает на jQuery, а значит, у пользователей, в браузерах которых отключены скрипты, функциональность плагина будет существенно меньше. Однако, он все равно будет подсвечивать код. Не будут работать дополнительные кнопки и прокрутка кода внутри боксов. Ниже я приведу пример использования этого плагина.
Для того, чтобы вставить пример кода в пост, можно использовать множество способов. Подробно о них можно посмотреть в разделе FAQ на странице плагина. Я для себя выбрал вариант с тегом <pre>. А сделал я это потому, что предыдущий плагин, который занимался подсветкой кода, использовал тот же синтаксис. Поэтому, мне даже не пришлось заморачиваться с исправлением кода на старых страницах, что привести все к единому стилю — новый плагин заработал на них сразу. Помимо этого, у меня сохраняется обратная совместимость со старым плагином, и, если что, я всегда смогу к нему вернуться.
Теперь код на страницах этого блога выглядит так:
1 2 3 |
int main{ cout<<"It is my code"; } |
Помимо этого, есть еще один замечательный плагин, в дополнение к этому: Crayon Tag Editor. Но пока не его устанавливал, хотя по описанию он выглядит более чем привлекательно.
Полезная статья? Их будет больше, если вы поддержите меня!