[WordPress] Плагин Crayon Syntax Highlighter — подсветка синтаксиса

Wordpress

Иногда надо использовать подсветку синтекса кода для лучшего визуального восприятия.  Есть много плагинов для подобного функционала:

  • WP-Syntax, использует GeSHi, но надо дописывать в теги <pre> код вручную.
  • jQuery.Syntax, не получилось включить, видимо не поддерживает последнюю версию WP, разбираться не стал.
  • И другие. Если набрать в библиотеке wordpress’а Syntax, то Вам выведется 555 различных плагинов.

Мне понравился Crayon Syntax Highlighter, по причинам:

  1. Отдельная кнопка на панели редактора.
  2. Встроенный редактор.
  3. При удалении плагина весь код останется в тегах <pre>.
  4. Много различных настроек с пред просмотром.
  5. Русский язык.

Crayon Syntax Highlighter — плагина для вставки кода в текст и его подсветки в зависимости от используемого языка или разметки. Он построен на построен в PHP и jQuery, в нем реализована поддержка различных цветовых схем (скинов). С помощью плагина можно вставлять программный код как часть текста, либо использовать текст из указанного файла.

Crayon Syntax Highlighter позволяет:

  • переключаться между подсвеченным и простым кодом
  • показывать код с нумерацией строк и без нее, переключаясь на лету
  • копировать исходный код и вставлять в исходном, не измененном виде
  • открывать код в отдельном, всплывающем окне
  • использовать смешанную подсветку кодов разных языков, используемых в одном файле
  • использовать шорткоды и мини-теги для вставки кода
  • использовать разметку <pre> <code> ... </code> </pre>
  • использовать разметку <pre lang="..."> ... </pre>
  • использовать переключаемую панель инструментов над кодом
  • выделять строчки кода поочередно, чередуя фоновые цвета
  • выделять определенные строки

Плагин поддерживает подсветку множества языков и разметок: ActionScript, AutoIt, C/C#/C++, CSS, HTML (XML/XHTML), Java, JavaScript, Objective-C, PHP, PostgreSQL, PowerShell, Python, Ruby, Shell и многих других, что делает его удобным инструментом для блоггера, часто размещающего фрагменты программного кода в своих постах.

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

Пример простой вставки кода PHP:

 your code 

Пример вставки кода из внешнего текстового файла:

Оцените статью
( Пока оценок нет )
Блог Ичи

Добавить комментарий

  1. Алексей

    Спасибо за статью! Уже установил себе этот плагин. Буду разбираться с настройками.

    Ответить