Отличная вещь "Code Prettifier". Если вам нужно показать какой-нибудь код на своей страничке или в своем блоге - сделайте это просто.
$s = "Hello, world!";
for ($i=0; $i < strlen($s); i++) {
print $s[$i];
}
Для установки этого девайса необходимо всего лишь:
- Подключить .css и .js-файлы
<link href="prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify.js"></script> - Добавить onload="prettyPrint()" в тэг body вашего документа.
- Изменить стили так как вам нравится
Вот и все. Пользоваться тоже очень просто. <pre class="prettyprint">...</pre или <code class="prettyprint">[код]</code>
Замечание! Экранируйте значек "меньше" (<) при помощи ". А вместо " используйте кавычки " для строчных разделителей
На следующей страничке вы можете проверить, насколько ваш броузер поддерживает сей инструмент.
Удачи :)
2 комментария:
Ха. Однако в блог, который хостится не на своём сервере, нужно вставлять абсолютные пути куда-то в гугл. Вот, посмотрел сорс вашей страницы... Тоже хочу добавить такую вещь.
Главная фича этого всего - можно об этом не думать, а сделать эту штуку если уже имеется много материала и переделывать его лень (к примеру на сайте со статьями). Удобно, ага.
Отправить комментарий