Skip to content
  1. Extras
  2. Ace

Ace

Ace Editor adapted for the MODX Revolution manager: syntax highlighting in snippets, plugins, chunks, templates, files, and (optionally) resource content.

Package: 1.9.10-pl. Repository: modx-pro/modx-ace.

Features

  • Code editor: PHP, JS, HTML, CSS/SCSS/LESS, SQL, JSON, Markdown, and more
  • Themes, tabs, fold, invisibles: configured via ace.* keys
  • Find and replace with regex, multicursor, Emmet
  • MODX: tag highlighting, completions (Ctrl+Space), Tab snippets (getr, pdoResources, chunk, …)
  • Ace TV input for code fields
  • Drafts (ace.draft_restore), CSS color preview (ace.color_preview)
  • Works on MODX 2.8+ and MODX 3.x

Requirements

RequirementVersion
MODX Revolution2.8+ or 3.x
Browsermodern, ES5+

Installation

  1. Install via Extras → Installer (modstore.pro, free)
  2. Check which_element_editor = Ace (resolver sets it on install)
  3. Manage → Clear cache

After install: plugin Ace, system settings under namespace ace, TV input type Ace.

SectionDescription
Quick startEditor for elements and resources
System settingsace.* keys
IntegrationRTE vs Ace, mime, Tab snippets, TV
Keyboard shortcutsCtrl+Alt+H and common shortcuts
TroubleshootingFullscreen, TinyMCE, save

Material-style theme: FAQ.

History

Original author: Danil Kostin. Current maintenance: modx-pro/modx-ace.