Здесь вы найдете мои заметки разработчика на php, html, xml, xsl, xslt, ajax и еще много умных и модных слов.

2007-03-20

Javascript code prettifier test

Отличная вещь "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>

Замечание! Экранируйте значек "меньше" (<) при помощи &quot;. А вместо " используйте кавычки " для строчных разделителей

На следующей страничке вы можете проверить, насколько ваш броузер поддерживает сей инструмент.


Удачи :)

2 комментария:

Vitaly Sazanovich комментирует...

Ха. Однако в блог, который хостится не на своём сервере, нужно вставлять абсолютные пути куда-то в гугл. Вот, посмотрел сорс вашей страницы... Тоже хочу добавить такую вещь.

kost BebiX комментирует...

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