MODX Ace Material Theme

13 августа 2020, 07:00

MODX Ace Material Theme

Для смены визуального оформления редактора под вид Material Theme необходиом выполнить следующие шаги:

  1. Переходим в Системные настройки > Пространство имен ace и указываем следующие параметры:

    • Размер шрифта: 13px
    • Высота области редактирования: 560
    • Невидимые символы: Да
    • Мягкая табуляция: Нет
    • Размер табуляции: 2
    • Тема редактора: tomorrow_night

Создаём плагин AceMaterialTheme на событие OnManagerPageBeforeRender:

<?php
switch ($modx->event->name) {
    case 'OnManagerPageBeforeRender':
        if ($modx->getOption('ace.theme') === 'tomorrow_night') {
            $modx->controller->addHtml("
            <style>
                .ace_editor{font-size: 13px; line-height: 1.5!important; font-family: 'Menlo Regular', 'Consolas', 'source-code-pro', monospace!important}
                .ace_gutter{color:#666E79!important}
                .ace_active-line,.ace_gutter-active-line{background-color:#2A2F38!important}
                .ace_scroller,.ace_gutter {background-color: #272B33!important}
                .ace_meta.ace_tag{color:#A6B2C0!important}
                .ace_meta.ace_tag.ace_tag-name{color:#DF6A73!important}
                .ace_entity.ace_other.ace_attribute-name{color:#D2945D!important}
                .ace_string{color:#90C378!important}
            </style>
            ");
        }
    break;
}