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

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

06.07.201516183

Активно создаются сайты для программистов и от программистов, в том числе и на 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.




Сохраните в социальную сеть
Комментарии (3)
Отличная библиотека, давно пользуюсь :) Хотелось бы еще стиль подсветки, как на codepen.
1
Deniss Lvov 06.07.2015 в 20:36Спам
Суппер, сапсибки
1
Kophack 23.07.2015 в 10:45Спам
Хороший скрипт
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт