Вставка образца кода на свой сайт с подсветкой синтаксиса - Все для сайта

Свежие материалы

Post Top Ad

Your Ad Spot

понедельник, 27 ноября 2017 г.

Вставка образца кода на свой сайт с подсветкой синтаксиса

Вы наверняка замечали такие окна с примерами кода. В этой статье я расскажу как просто и быстро создавать окно для вставки примера кода с подсветкой синтаксиса. Вариант подойдет абсолютно для любого сайта, в том числе и Blogger.

Вставка образца кода на свой сайт с подсветкой синтаксиса
Итак, чтобы создавать подобные окна на своем сайте/блоге нам потребуется подключить Java-script библиотеку SyntaxHighlighter. Сделать это очень просто. Достаточно разместить между тегами <head></head> следующий код





Чтобы сделать это в блоггере перейдите во вкладку Темы Изменить HTML. Вставьте между тегами код выше и нажмите сохранить.
Теперь чтобы добавить окно с подсвеченным кодом, нужно просто заключить его в тег

. Как это будет на примере:
 

ВАШ КОД

После brush: указываем язык кода: html, js, css и т. д.

Комментариев нет:

Отправить комментарий

Post Top Ad

Your Ad Spot