Как подключить highlight.js (подсветка синтаксиса)

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2083
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 69 раз

Как подключить highlight.js (подсветка синтаксиса)

Сообщение Slash » Пн авг 31, 2015 1:53 pm

Подключить highlight.js на сайте довольно просто, для этого переходим на сайт: https://highlightjs.org/ выбираем все языки, которые необходимо посветить на вашем сайте и скачиваем архив (https://highlightjs.org/download/).
Распаковываем архим, файл highlight.pack.js и один из файлов стиля (css) помещаем на вашем сайте, далее между тегами <head> и </head> подключаем файл highlight.pack.js, прописывая:

Код: Выделить всё

<script type="text/javascript" src="js/highlight.pack.js"></script>
И файл стиля, например vs.css:

Код: Выделить всё

<link rel="stylesheet" href="css/vs.css" /> 
Еще один код, который надо вставить между тегами <head> и </head>:

Код: Выделить всё

<script type="text/javascript">
    hljs.initHighlightingOnLoad();
</script>
Теперь тот код, что надо подсветить помещаем между тегами:

Код: Выделить всё

<pre><code>
    <!-- Тут код, который необходимо подсветить -->
</code></pre> 
Вот и всё!

Спасибо за внимание!

Реклама

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость