Подсветка кода на страницах блога о мобильном

Блог о мобильном создавался как ресурс с информацией по разработке мобильных сайтов, но из-за отсутсвия средств подсветки кода (html, php и др.) все статьи, связанные с созданием WAP сайтов откладывались до лучших времен.

Перед новым годом я решил заняться поиском WordPress плагинов для подсветки кода — вариантов нашлось много, но я остановился на плагине SyntaxHighlighter Evolved, который использует одноименную JavaScript библиотеку от Alex Gorbatchev.

Syntax Highlighter обладает богатыми возможностями подсветки кода, тонкой настройкой и большим количеством поддерживаемых языков программирования. Правда, перед установкой на работающий блог плагин мне нужно было чуть-чуть доработать, но это уже мои заморочки :)

В качестве примера кода, подсвеченного с помощью Syntax Highlighter даю функцию парсинга аргументов из дистрибутива WordPress:

function wp_parse_args($args, $defaults = '') {
    if (is_object($args))
        $r = get_object_vars($args);
    elseif (is_array($args))
        $r =& $args;
    else
        wp_parse_str($args, $r);

    if (is_array($defaults))
        return array_merge($defaults, $r);
        return $r;
}

Руководство читателям блога

Так как копировать подсвеченный код прямо со страницы не очень-то и удобно — мешаются номера строчек, разработчик предусмотрел возможность просмотр кода без подсветки и форматирования. Для этого в правом верхнем углу блока с кодом есть кнопка «view source». Там же есть и кнопка, с помощью которой можно отпечатать листинг.

Метки: ,

Комментарии (3)

  1. 26.01.2010 в 22:28

    Подсветка кода, по моему мнению, лишнее т.к. достаточно знаков открытия и закрытия блоков {}.Лично меня это сбивает

  2. 27.01.2010 в 18:48

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

    Правда хочу заметить, что в RSS ленте подсветка не работает.

  3. 22.04.2010 в 01:04

    rss насколько я знаю передается просто текстом, там нет хай лайтов

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