Архив метки: подсветка кода

Плагин для подсветки кода во фронт энде 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

Плагин для подсветки кода в back end HTML Editor Syntax Highlighter

Периодически приходится вставлять или править код во встроенных редакторах WordPress. Это редактор темы или плагинов, но использовать его не удобно, так как код изначально в нем представлен в виде обычного текста, без подсветки кода. Облегчает жизнь плагин HTML Editor Syntax Highlighter , который работает в back end и подсвечивает код в редакторе. В front end плагин не работает.

плагин HTML Editor Syntax Highlighter

Плагин также подсвечивает код и в визуальном редакторе при публикации страницы или записи, но только в текстовом варианте, при переключении в визуальный подсветка кода исчезает. У плагина несколько встроенных тем внешнего вида подсветки кода.

Плагин можно установить из репозитория WordPress.

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