Ace — подсветка кода в MODX и не только

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

Дополнительная полезная информация по редактору

[mask_link href=»https://github.com/ajaxorg/ace/wiki/Default-Keyboard-Shortcuts» target=»_blank»]Горячие клавиши для Ace[/mask_link] (на английском).

[mask_link href=»https://ace.c9.io/build/kitchen-sink.html» target=»_blank»]Тестирование тем для ACE[/mask_link] онлайн.

[mask_link href=»https://dwstroy.ru/stail/plaginy-rasshireniya/emmet-shpargalka/» target=»_blank»]Шпаргалка по emmet[/mask_link].

[mask_link href=»https://ace.c9.io/demo/emmet.html» target=»_blank»]Тестирование emmet онлайн[/mask_link].

[mask_link href=»https://gist.github.com/Burick/7a38f2f6752545e13d7c04fd4e992e49″ target=»_blank»]Плагин при помощи которого можно подключить Ace к полям ресурса (introtext, description)[/mask_link].

В следующем уроке разберем основной синтаксис MODX Revo.