date_range 8 марта 2018
visibility1823
add_alert Плагин SyntaxHighlighter нужен для подсветки кода.
create Данный плагин подсвечивает не только HTML/CSS/PHP, еще и ряд других языков и самое главное весь синтаксис Modx, включая вызовы сниппетов!
hdr_strong Меньше слов, больше действий!
Для начала качаем компонет SyntaxHighlighter в официальном репозиторий или через установщик Modx Revo.
Надо заметить, что по умолчанию плагин отключен и ничего не будет работать пока не активируем для этого идем в- Элементы- Плагины- правой кнопкой мыши на автивировать плагин
У меня сейчас написанно Деактивировать плагин, у вас собственно наоборот Активировать плагин
Для использование плагина, надо всего лишь обернуть нужный код в тэг
Результат:
gutter- выключает нумерацию строк, по умолчанию включено
<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- Системные настройки- затем Наборы параметров:
и в выпадающем списке выбрать параметр SyntaxHighlighter- далее в настройке
Default theme пишем вместо Default
RDark
