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

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2029
Поблагодарили: 62 раза

Как подключить 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

Вот и всё!

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

Вернуться в «JavaScript»

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

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