Идеален для сайтов-визиток

Подсветка кода на вашем сайте

Если есть желание публиковать на вашем сайте какой-то код, то желательно его приукрасить (обратите внимание на офомление кода на этом сайте). Как это сделать описано чуть ниже.

Подключение скрипта

Можете пойти на сайт highlight.js, скачать файлы скрипта, забросить их в папку js/ на сервере и вставить перед тегом </body> вашего шаблона код:


<? if (isset($highlight_enabled) && $highlight_enabled === true): ?>
	<link rel="stylesheet" href="<?= $config['sitelink'] ?>js/highlight/styles/default.css">
	<script src="<?= $config['sitelink'] ?>js/highlight/highlight.pack.js"></script>
	<script>hljs.initHighlightingOnLoad();</script>
<? endif ?>

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


<? if (isset($highlight_enabled) && $highlight_enabled === true): ?>
	<link rel="stylesheet" href="http://yandex.st/highlightjs/7.3/styles/default.min.css">
	<script src="http://yandex.st/highlightjs/7.3/highlight.min.js"></script>
	<script>hljs.initHighlightingOnLoad();</script>
<? endif ?>

На тех страницах, на которых нужна подсветка кода, добавьте параметр:


$highlight_enabled = true;

Оформление кода

Выводить код на странице следует в определённых тегах pre и code. Как именно, показано чуть ниже.


<pre>
	<code>
		echo "Hello World!";
	</code>
</pre>

Как вы понимаете, для подсветки код не должен ломать станицу. Поэтому не забывайте экранировать $ и заменять левую скобку: < на &lt;.

Также можно поиграться со стилями оформления кода. На данный момент этих стилей более 30. Или написать свой стиль.