Ace — на мой взгляд лучший для MODX редактор кода с подсветкой.
Преимущества
- Подсвечивает синтаксиса популярных языков, в том числе подсвечивает modx теги.
- Базовая подсветка синтаксиса Fenom.
- Emmet из коробки.
- Много тем оформления.
- Возможность работы в полноэкранном режиме.
- Есть поиск и замена текста, с поддержкой регулярных выражений.
- Автоматические отступы при редактировании.
- Поддержка огромных документов (до четырех миллионов строк!).
- Подсветка родительских тегов.
- Drag and drop перетаскивание текста.
- Сворачивание кода.
- Мультикурсоры и мультивыделение.
- Автодополнение для сниппетов и свойств MODX.
Установка
Устанавливается он стандартно, как с основного, так и с репозитория modstore.pro (рекомендую с модсторе устанавливать — там он чаще обновляется)
Настройка редактора кода Ace
У дополнения не так много настроек, попасть в них можно так шестеренка — системные настройки — Ace.
По факту по умолчанию они подойдут многим, я включаю только перенос строк (ace.word_wrap), вы еще можете поменять к примеру размер шрифта (к примеру на 16px, если 13px для вас маловат). Или сменить цветовую схему (по умолчанию стоит chrome — это светлая схема), которую можно сменить на темную, названия тем можно посмотреть нажав на плюсик около соответствующей настройки:
Посмотреть как выглядят темы (и как они подсвечивают код) можно здесь: https://ace.c9.io/build/kitchen-sink.html
Дополнительная полезная информация по редактору
Горячие клавиши для Ace (на английском).
Тестирование тем для ACE онлайн.
Шпаргалка по emmet.
Тестирование emmet онлайн.
Плагин при помощи которого можно подключить Ace к полям ресурса (introtext, description).
В следующем уроке разберем основной синтаксис MODX Revo.
