Плагин для подсветки кода во фронт энде Urvanov Syntax Highlighter

Очень удобно, когда при просмотре публикации, содержащей код, синтаксис этого кода подсвечен. Это упрощает восприятие кода. Про подсветку кода в бэк-энде уже писал в публикации «Плагин для подсветки кода в back end HTML Editor Syntax Highlighter » , но с обновлениями WordPress в нем смысл пропал, так как разработчики WP уже внедрили подсветку в в основную версию. Но подсветка кода во фронт-энде остается актуальной. Мне очень нравился плагин Crayon Syntax Highlighter , но его разработчик прекратил обновлять еще четыре года назад. Тут , случайно, наткнулся на новый вариант Crayon Syntax Highlighter и в другом репозитории WordPress. Это плагин Urvanov Syntax Highlighter. Как выяснилось, это тот же Crayon, только полностью переделанный под новые версии WordPress, а так же добавился еще один разработчик . Внешне осталось по прежнему:

Плагин подсветки синтаксиса кода

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

Плагин подсветки синтаксиса кода

Это меню упрощает копирование кода, просмотр. Есть возможность открытия кода на всю страницу. Можно включить или отключить нумерацию строк, убрать подсветку кода.
Плагин охотно дружит с Гутенбергом. Сложностей при публикации кода никаких. Кнопка вставки кода «<> Urvanov Syntax Highlighter» появляется после установки плагина в текстовом редакторе.

Скачать плагин Urvanov Syntax Highlighter можно из репозитория WP.

(Всего просмотров 2 , сегодня 1 )
0