Разделы

  
 

[Revo]Ace - Редактор кода с подсветкой - достойная замена CodeMirror

Решил постичь азы разработки пакетов под MODx, начал с интеграции лучшего браузерного редактора — Ace, совместной разработки ajax.org и Mozilla. Этот редактор используется например на github'е. А также в плагине acebug для firebug, плагина для firefox. Да много еще где.
В комплекте имеется 25 тем, в том числе dreamweaver, eclipse и chrome.

Редактор подключается для редактирования Элементов, а также Ресурсов, когда снята галочка richeditor. CodeMirror ресурсы не подсвечивает. А между тем, иногда нужно отключить tinyMCE, чтобы не портить код, и при этом хочется иметь подсветку кода. Теперь это доступно.

Также в CodeMirror не работает перетаскивание из дерева ресурсов, а между тем перетащив и бросив нужный сниппет, можно быстро и удобно задать параметры в удобном вспывающем окошке, в котором перечислены все возможные параметры.

Если сравнивать ace и codemirror, то во-первых в ace меньше багов.
Работает перетаскивание мышкой выделенного текста. Автоформатирование происходит удобней и логичней. Иногда может понадобиться «фолдинг» — сворачивание целых функций или html-элементов, в ace это есть.
Так же в плюсы можно защитать наличие «worker»ов, которые работают в фоне и обеспечивают проверку на синтаксические ошибки кода. В настоящий момент имеются только js и css worker'ы. Надеюсь появятся php и html
Из недостатков — отсутсвие «смешанного» режима подсветки, фиксированная высота редактора.

Оф. сайт редактора ace — ace.ajax.org
Демонстрация редактора — kitchen-sink

Редактор можно установить прямо в панели «Управление пакетами» с официального репозитария (или как оно зовется..) или непосредственно скачав отсюда: www.modx.com/extras/package/ace
  • +12
  • 25 марта 2012, 18:29
  • danik
  • 38

[EVO] Подсветка кода в админке ACE

Нашел ещё один замечательный вариант подсветки кода ACE ace.ajax.org/
Сделал плагин:
ace.modx.evo.zip
Установка:
заливаем файлы в папочку:
assets/plugins/
создаем новый плагин:
ACE
ставим галочки на событиях: OnTempFormRender,OnChunkFormRender,OnSnipFormRender,OnPluginFormRender,OnModFormRender
Добавляем параметры:
&theme=theme;list;clouds,clouds_midnight,cobalt,crimson_editor,dawn,eclipse,idle_fingers,kr_theme,merbivore,merbivore_soft,mono_industrial,monokai,pastel_on_dark,solarized_dark,solarized_light,textmate,twilight,vibrant_ink;crimson_editor &gutter=gutter;list;true,false;false &fontSize=fontSize;list;10px,11px,12px,14px,16px;12px &showInvisibles=showInvisibles;list;true,false;false &useSoftTabs=useSoftTabs;list;true,false;true

Или просто в инсталл добавляем файлик tpl
в папку install/assets/plugins/

В планах прикрутить его к Контенту странички
А так же разобраться почему скрывается содержимое если зашли к примеру в плагин не на основную вкладку
  • +22
  • 4 января 2012, 04:23
  • Dmi3y
  • 6