Подсветка синтаксиса кода для uCoz

Подсветка синтаксиса кода для uCoz

02015-07-0639773Денис Абдуллин

Активно создаются сайты для программистов и от программистов, в том числе и на uCoz. Таким проектам просто необходим плагин подсветки синтаксиса.

На нашем сайта другая подсветка синтаксиса, более простая, вам же мы рекомендуем плагин «highlight.js». На странице установки можно выбрать нужное количество или все языки программирования.

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

Поддерживает 125 языков и имеет 63 стиля:

Подсветка кода для uCoz

Установка

Управление дизайном - Модуль (Каталог файлов / Новости сайта / и т.д.) - Страница материалов и комментариев к нему

1. Загрузите файлы JS и CSS из архива на свой сайт (скачивание с официального сайта, нужно выбрать нужные языки и стили).

2. Вставьте код между <head> и </head>, заменив пути к файлу скрипта и файлу стилей на свои:

Код
<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

3. Следующий код вставить на этой же странице перед закрывающим тегом </body>:

Код
<script>
$(document).ready(function() {
  $('.bbCodeBlock').each(function(i, block) {
  hljs.highlightBlock(block);
  });
});
</script>

.bbCodeBlock - это класс, который присвоен BB-коду [code]. Если требуется, замените на свой класс, ID или тег.

Чтобы выбрать другой стиль подсветки, установите путь на другу тему вместо default.css.


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (3)
Kophack 2015-07-23 в 10:45 / МатериалСпам
Хороший скрипт
0
Deniss Lvov 2015-07-06 в 20:36 / МатериалСпам
Суппер, сапсибки
1
Вадим Голубь 2015-07-06 в 10:58 / МатериалСпам
Отличная библиотека, давно пользуюсь :) Хотелось бы еще стиль подсветки, как на codepen.
1
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.