WordPress Rainbow Hilite: плагин, добавляющий Rainbow.js для подсветки синтаксиса

Дата публикации:Август 14, 2014

Если вы регулярно публикуете фрагменты кода в своем блоге, добавление плагина с подсветкой синтаксиса поможет вам сделать ваш код удобочитаемым и простым для копирования. Многочисленные плагины используют для этой цели всяческие языковые шорткоды, которыми надо обертывать код, однако все эти плагины обычно требуют от вас правильного задания шорткода. Новый плагин WordPress Rainbow Hilite использует несколько иной метод для встраивания кода в записи.

rainbow

Плагин подключает простую библиотеку Rainbow.js для подсветки синтаксиса, которая может быть настроена через CSS. Rainbow Hilite использует визуальный редактор для добавления специальной стилизации того или иного языка к тегам pre.

rainbow-hilite-editor

Плагин включает в себя поддержку 18 часто используемых языков, которые могут быть включены или отключены в меню Параметры — Написание:

rainbow-languages

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

Откройте изображение в полном экране, чтобы увидеть gif-файл в действии

Откройте изображение в полном экране, чтобы увидеть gif-файл в действии

Ниже представлен пример того, как выглядит примерный блок кода во фронтэнде. Удобная особенность Rainbow Hilite заключается в том, что выделенный код можно скопировать напрямую с сайта. Нет никаких кнопок в духе «view raw» (посмотреть исходный код без какого-либо оформления), которые только отвлекают внимание и загромождают свободное пространство.

rainbow-example

Нумерация строк является дополнительной опцией. Если ее активировать, то она будет добавлена с помощью rainbow.linenumbers. Плагин также включает в себя некоторые фильтры, которые позволяют пользователям загружать свои языковые модули и темы, а также подцеплять другие плагины.

Если когда-либо примете решение прекратить использовать этот плагин, то в таком случае теги pre будут не таким ужасным вариантом, как осиротевшие шорткоды, разбросанные по всем записям. Другими словами, использование его не означает, что вы связали себя с ним до конца жизни. Если вы хотите внести в плагин изменения, предложить улучшения, вы можете обратиться к разрабатываемой версии Rainbow Hilite, которая доступна на GitHub. Если вы хотите использовать плагин на своем сайте, просто скачайте его с WordPress.org.

Источник: wptavern.com

Поделиться

Один комментарий

  1. Во. То, что искал. Спасибо. Поставил. Всё нормально теперь.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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