Иногда надо использовать подсветку синтекса кода для лучшего визуального восприятия. Есть много плагинов для подобного функционала:
- WP-Syntax, использует GeSHi, но надо дописывать в теги <pre> код вручную.
- jQuery.Syntax, не получилось включить, видимо не поддерживает последнюю версию WP, разбираться не стал.
- И другие. Если набрать в библиотеке wordpress’а Syntax, то Вам выведется 555 различных плагинов.
Мне понравился Crayon Syntax Highlighter, по причинам:
- Отдельная кнопка на панели редактора.
- Встроенный редактор.
- При удалении плагина весь код останется в тегах <pre>.
- Много различных настроек с пред просмотром.
- Русский язык.
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
Пример вставки кода из внешнего текстового файла:
Спасибо за статью! Уже установил себе этот плагин. Буду разбираться с настройками.