© www.wp-ru.ru

Плагин для подсветки синтаксиса кода в WordPress «SyntaxHighlighter Evolved» от Viper007Bond, наверное является лучшим в своем классе. Плагин базируется на пакете Java скриптов SyntaxHighlighter, автором которых является Alex Gorbatchev.

Настройки SyntaxHighlighter Evolved

Настройки SyntaxHighlighter Evolved

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

Рассмотрим по порядку все имеющиеся настройки.

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

Затем можно установить различные параметры формата вывода, которые будут использоваться по умолчанию:

  • Показывать номера строк — как понятно из названия, включает или отключает вывод номеров строк левее кода
  • Показывать панель инструментов — включает или отключает вывод всплывающей панельки на окне с кодом, с кнопками вывода исходного кода (будет открыто новое окно, содержащее чистый исходный код), копирования кода в буфер обмена и печати на принтер
  • Автоматически делать URL «кликабельными» — все включенные в цитируемый код URL станут кликабельными
  • Сворачивать окно с кодом — по умолчанию цитируемый код отображается полностью, при установке этой опции цитируемый код будет отображаться в «свернутом» виде со специальной ссылкой, кликнув на которую код отобразиться в полном объеме. Очень удобно использовать, если объем цитируемого кода очень большой
  • Показывать линейку с номерами колонок вверху окна с кодом — отдельного пояснения кажется не требует, все понятно из названия
  • Использовать легкий режим — если включить данную опцию, то в окне с кодом не будут отображаться номера строк, верхняя линейка и панелька с кнопочками. Удобно использовать, если Вы цитируете например всего одну строчку
  • Использовать знаки табуляции для выравнивания текста — если отключить, то все знаки табуляции внутри строк будут заменены пробелами
  • Перенос длинных строк — при включении, если строка не помещается, то оставшаяся часть будет перенесена на следующую строчку, а в месте переноса будет показана специальная иконка. В противном случае в окне с кодом будет показана полоса горизонтальной прокрутки

Далее можно назначить номер первой строки по умолчанию и размер знака табуляции.

При сохранении любых изменений, все они сразу будут отображены на специальном примере, расположенном ниже этих настроек.

Использование плагина достаточно простое. Весь цитируемый код, который необходимо выделить подсветкой размещается внутри специальных тэгов, которые могут принимать следующий вид (все пробелы внутри квадратных скобочек поставлены специально, в реале их использовать не нужно):

[ php ]здесь Ваш код[ /php ]

[ css autolinks="false" classname="myclass" collapse="false" firstline="1" gutter="true" highlight="1,2,3" htmlscript="false" light="false" ruler="false" smarttabs="true" tabsize="4" toolbar="true" ]здесь Ваш код[ /css ]
[ code lang="js" ]здесь Ваш код[ /code ]

[ sourcecode language="plain" ]здесь Ваш код[ /sourcecode ]

В панели настроек, есть описания всех используемых параметров.

На данный момент поддерживается синтаксис следующих языков (в каждой строке будут приведены их названия и в скобках их алиасы для использования внутри тэгов):

ActionScript3 (as3, actionscript3)
Bash/shell (bash, shell)
C# (c-sharp, csharp)
C++ (cpp, c)
CSS (css)
Delphi (delphi, pas, pascal)
Diff (diff, patch)
Groovy (groovy)
JavaScript (js, jscript, javascript)
Java (java)
JavaFX (jfx, javafx)
Perl (perl, pl)
PHP (php)
Plain Text (plain, text)
PowerShell (ps, powershell)
Python (py, python)
Ruby (rails, ror, ruby)
Scala (scala)
SQL (sql)
Visual Basic (vb, vbnet)
XML (xml, xhtml, xslt, html, xhtml)

Ну и маленький пример использования плагина:

SyntaxHighlighter.brushes.Plain = function()
{
};
SyntaxHighlighter.brushes.Plain.prototype = new SyntaxHighlighter.Highlighter();
SyntaxHighlighter.brushes.Plain.aliases = ['text', 'plain'];

В предлагаемой здесь к скачиванию версии плагина, помимо уже включенного русского перевода исправлена одна маленькая ошибка. Автор плагина в панели настроек, в одном месте забыл установить тэг <br />, что абсолютно никак не влияло на функциональность, но выглядело не очень аккуратно.

Нет связанных записей.

Страницы: 1 2