Я давно уже не искал нормально решения для подсветки синтаксиса кода в своих статьях, так был доволен найденным , в свое время, плагином  Crayon Syntax Highlighter. Данный плагин имеет массу настроек и после установки, при первой активации, начинает работать. Преимущества плагина было и в том, что он обрабатывал массу тэгов и позволял настроить даже меню окна подсветки кода, что иногда немаловажно. Но случилось так, что я решил добавить разнообразия на сайт и поставил плагин для создания и ведения онлайн тестирования Wp-Pro-Quiz. И вот здесь  Crayon работать отказался. Я перепробовал массу настроек плагина и использовал разные тэги, но толку ноль. И тогда пришла мысль изучить вопрос шырше.

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

Crayon Syntax Highlighter

https://ru.wordpress.org/plugins/crayon-syntax-highlighter

<pre>...code...</pre>

<span class="lang:c# decode:true  crayon-inline">...code...</span>

[plain]...code...[/plain]

Crayon Syntax Highlighter

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

Для включения подсветки достаточно просто активировать плагин, при этом весть предварительно форматированный текст (обрамленный тэго pre)  будет подсвечен.

Минус: категорически не хочет работать плагином Wp-Pro-Quiz

 

WP-Syntax

https://wordpress.org/plugins/wp-syntax/other_notes/

<pre lang="LANGUAGE">...code...</pre>

<pre lang="csharp">...code...</pre>

WP-Syntax

Впечатление: простой плагин. отсутствует возможность настройки. нигде в панели администрирования не отображается. Работает исключительно на основе тэгов указанных выше. Визуально может быть сравним с Crayon. Корректно работает с плагином Wp-Pro-Quiz.

Минус: отсутствие какой либо настройки.

 

Syntax Highlighter MT

https://wordpress.org/plugins/syntax-highlighter-mt/faq/

<pre class="brush:brush_name">...code...</pre>

<pre class="brush:c#">...code...</pre>

Syntax Highlighter MT

Впечатление: в настройке доступен только выбор тем подсветки.  Визуально выглядит неплохо. Но есть существенный минус.

Минус: проблема состоит в том что плагин дописывает неизвестными кусками. На скриншоте выше видно, что после закрывающей фигурной скобки дописан некий Int. Откуда берется этот код так и осталось для меня загадкой. Кроме этого вверху справа под знаком вопроса скрывается реклама плагина, что тоже не есть хорошо.

 

WP-GeSHi-Highlight

https://wordpress.org/plugins/wp-geshi-highlight/

<pre lang="languagestring">...code...</pre>

 

<pre lang="csharp"> ...code...</pre>

WP-GeSHi-Highlight

Впечатление: плагин оказался весьма демократичным, настроек никаких. для подсветки кода требуется обязательное указание конкретного языка. Плагин, также как и многие другие основан на GeSHi (Generic Syntax Highlighter),  которая позволяет подсвечивать синтаксис кода, написанного любом из более 80 языков, о чем прямо ясно из названия плагина.

Минус: единственный минус, кроме отсутствия настроек, это появления полосы прокрутки под кодом, для чего нужна полоса не понятно.

Easy Prism Syntax Highlighter

https://wordpress.org/plugins/easy-prism-syntax-highlighter/

[code]...code...[/code]

Easy Prism Syntax Highlighter - Auto

[code csharp]...code...[/code]

Easy Prism Syntax Highlighter

Впечатление: данный плагина, один из наиболее неудачных.

Минус: по умолчанию подсветка кода отсутствует напрочь. При указании конкретного языка подсветка просто закрашивает часть кода и не дает его нормально прочесть. Кроме этого часть кода просто теряется при подсветке. Ну в завершении, форма подсветки когда вылазит за область просмотра, видно на правой части скриншота.

WP Code Highlight.js

https://wordpress.org/plugins/wp-code-highlightjs/

<pre><code>...code...</code></pre>

WP Code Highlight.js

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

Минус: Здесь наблюдаются многие проблемы предыдущего плагина. Часть кода теряется при подсветке. Форма подсветки когда вылазит за область просмотра, видно на правой части скриншота. Настроек тоже нет.

 

Enlighter

https://wordpress.org/plugins/enlighter/

[js]...code...[/js]

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

 


Вывод: протестировав разные плагины для подсветки синтаксиса кода в статьях (постах), я пришел к не утешительному выводу - нормальных 100% рабочих плагинов нет. При этом стоит обратит внимание на плагин Crayon, который позволяет детально настроить подсветку синтаксиса и корректно ее отображает в статья, что подойдет подавляющему числу админов WordPress. Тем же кто, не хочет заморачиваться, или как я использует плагин тестирования Wp-Pro-Quiz, решить проблему отсутствия подсветки синтаксиса способен плагин WP-Syntax, который явялется простым но надежным средством.

 


14th Ноя 2016
Теги:
Загрузка Все права защищены © 2016 ИТ-Инженер (Краснодар)
 
把手拿回