Code Prettify Syntax Highlighter – автоматическая подсветка кода в постах

Code Prettify Syntax Highlighter - автоматическая подсветка кода в постах | n-wp.ru

Если вы в своих постах часто приводите примеры программного кода, то значит вы уже столкнулись с проблемой подсветки этого кода и сохранения его без изменений. Дело в том, что при сохранении поста WordPress автоматически переводит все его содержимое в HTML-разметку, и если вы в посте опубликуете фрагмент кода, то он тоже будет переведен. В итоге там, где должен быть текст, демонстрирующий код элемента, появится сам элемент, да еще, скорее всего, с ошибками, так как вы приводите лишь пример части кода, а не полное его содержание.

Для того, чтобы опубликовать текст без изменений, нужно использовать специальный HTML-тег pre:

code тут текст, который должен остаться неизменным

Однако этот текст не имеет подсветки, и при публикации больших фрагментов программного кода в нем будет трудно разобраться. Решить эту проблему поможет плагин [text]Code Prettify Syntax Highlighter[/text].

Code Prettify Syntax Highlighter - автоматическая подсветка кода в постах (3)

Плагин сделан на основе js-скрипта google-code-prettify, автоматически распознающего и подсвечивающего программный код. Для того, чтобы ваш код был сохранен без изменений и выделен в посте отдельным блоком, нужно в настройках блога указать автоматическую замену pre на pre со специальными стилями, по которым плагин будет определять, какой текст обрабатывать.

Code Prettify Syntax Highlighter - автоматическая подсветка кода в постах (2)

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

Code Prettify Syntax Highlighter - автоматическая подсветка кода в постах (1)

[dl1 dlurl=”http://wordpress.org/extend/plugins/code-prettify-syntax-highlighter/” name=”Code Prettify Syntax Highlighter”]
Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

1 Kомментарий

  1. Мне гораздо больше нравится плагин WP-Syntax. Его отличие в том, что код обрабатывается на сервере, а не на стороне клиента. Благодаря этому, во-первых, подсветка кода работает при отключенном JS, во-вторых, отображается в RSS, в-третьих (это редко бывает актуально, но для меня это критический момент был), подсветка работает при загрузке поста с помощью AJAX (у меня на блоге он сплошь и рядом, так что без этого никак).

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

Ваш электронный адрес не будет опубликован.


*