1. Главная
  2. Хотелки MODX
  3. Настройка плагина SyntaxHighlighter для Modx Revo
date_range 8 марта 2018 visibility1619

add_alert Плагин SyntaxHighlighter нужен для подсветки кода.

create Данный плагин подсвечивает не только HTML/CSS/PHP, еще и ряд других языков и самое главное весь синтаксис Modx, включая вызовы сниппетов!

hdr_strong Меньше слов, больше действий!


Для начала качаем компонет SyntaxHighlighter в официальном репозиторий или через установщик Modx Revo.
Надо заметить, что по умолчанию плагин отключен и ничего не будет работать пока не активируем для этого идем в- Элементы- Плагины- правой кнопкой мыши на автивировать плагин
У меня сейчас написанно Деактивировать плагин, у вас собственно наоборот Активировать плагин

активация плагинa
Для использование плагина, надо всего лишь обернуть нужный код в тэг
<pre class="brush:html">сюда пишем всякий код и можно синтаксис модкс</pre>

Результат:
 Центральный текст 

    
Правый текст
и можно вызвать с такими параметрами:
<pre class="brush:html;toolbar:false;gutter:false"> Здесь код : [[*pagetitle]]<pre>
где toolbar- выключает тулбар в правом верхнем углу(в виде зеленого треугольника)
gutter- выключает нумерацию строк, по умолчанию включено


Параметры SyntaxHighlighter для MODX Revo

Теперь давайте рассмотрим параметры этого плагина

Параметр Значение Описание
auto-links true Параметр отвечает за ссылки внутри подсвечиваемого кода, по умолчанию делает ссылки - активными
class-name '' Позволяет задать класс обертку для всего выделяемого кода
collapse false Сворачивает код под спойлер, и отображает его при клике на него.
first-line 1 Отвечает за номер первой строки, по умолчанию это 1
gutter true Включает и выключает нумерацию строк, по умолчанию включено
highlight null Позволяет дополнительно подсветить нужные строки кода, записывается в класс как highlight:[1, 2, 3]; номера строк через запятую
html-script false Данный параметр нужно использовать если Вы одновременно используете js в html коде
tab-size 4 Данным параметром задается размер табуляциив выделяемом коде
toolbar true Включает и выключает тулбар в правом верхнем углу(в виде зеленого треугольника)

Чтобы сменить тему в плагине SyntaxHighlighter для Modx Revo, необходимо перейти в админке Modx- Системные настройки- затем Наборы параметров:
активация плагинa
и в выпадающем списке выбрать параметр SyntaxHighlighter- далее в настройке
Default theme пишем вместо Default 
RDark

beenhere Решено- осталиь вопросы ?

Комментарии ()