Подсветка синтаксиса для блога WordPress с помощью highlight

Рубрики: на WordPress

Вот, что может получиться с помощью библиотеки highlight.js:

#include "stdio.h"
void main(void){
    int a;
//hello!
    for (a = 0; a < 10; a++){
        printf ("hello!");
    }
}

И CSS + HTML:


.hello{
    font-size: 10px;
}


<body>
    <font size="2"> барби-сайз! </font>
    <p> тест </p>
</body>

По-моему совсем неплохо! А теперь подробнее – где скачать, как использовать и настраивать.

Про эту чудо-библиотеку я на Вирусном СЕО, за что автору большое спасибо ;)

Сама библиотека может работать не только на вордпрессе – ее достаточно подключить как JS-файл, активировать. Она сама ищет код на странице и раскрашивает его ;)

Я же воспользовался HighLight плагином для WordPress, потому, что поставить ее вручную у меня не вышло (или я где-то ошибся). Установка простая, как обычно: всего лишь заливаем плагин в каталог wp-plugins и активируем его в «Плагинах».

В настройках можно указать, какие языки Вы используете (если не указывать языки явно, то будут использоваться все языки, что может замедлить работу библиотеки). У меня используются css, html, php, cpp. Вот весь список поддерживаемых языков (если хотите использовать язык, введите его в соответствующее поле; несколько языков вводятся чере запятую): python, ruby, perl, php, css, xml, html, django, javascript, java, cpp, sql, smalltalk, ini, diff, 1c, axapta, delphi, rib, rsl, vbscript, profile, dos, bash.

Я привел список языков, т.к. даже на официальном сайте его не нашел и пришлось лезть в исходники.

Библиотека так же позволяет изменить оформление кода с помощью CSS (подробнее читайте на официальном сайте). Но я не стал раскрашить код сам – я не дизайнер, ужасно получится ;)

По поводу использования библиотеки: в блоках текста, заключенных в <pre><code>…</code></pre> библиотека будет искать код и пытаться его раскрашивать.

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

Приятного использования. ;)

Отзывов (3) на «Подсветка синтаксиса для блога WordPress с помощью highlight»

Вирусное СЕО пишет:
20.06.2008 в 7:15 пп

Пожалуйста! :)

Да, действительно, списка соответствий языкам я тоже на сайте не нашёл, тоже лазил в исходники..

Вася пишет:
16.10.2008 в 11:17 пп

http://www.php.su/functions/?highlight_string

Зачем мутить – все придумано за вас.

DimoninG пишет:
16.10.2008 в 11:39 пп

Вася, Ваш второй комментарий и не в тему.
Ну попробуйте – приделайте эту функцию к ВП, причем так, чтобы подсвечивало не все подряд, а только код.

Оставьте свой комментарий

dimoning.ru
SEO и программирование.

Подсветка синтаксиса для блога WordPress с помощью highlight

Отзывов (3) на «Подсветка синтаксиса для блога WordPress с помощью highlight»

Оставьте свой комментарий

Рубрики:

Рассылка:

Дополнительно:

По месяцам:

Ссылки:

Счетчики: