Ace 1.2.0-rc1

Ace is a code editor extra that allows you to edit your HTML, CSS and JS files directly in MODX.

Ace is the result of Mozillas Labs Skywriter project and Cloud 9 IDE, it comes with 25 different themes to choose from it supports Ace, Vim and Emacs keybindings, it has an advanced find and replace feature.

I personally love the line code error hints, they have proven to be very useful when crafting css, js and html.

You can change the extras theme via System > System Settings, then filter by Ace. In the Ace settings screen double click the value in Editor Theme and enter your preferred theme, you can also enable Word Wrap by double clicking the value as well.

Another tip is if you want to enable your code area to expand to the remaining available size of your screen you need to edit the js file located in:

Media/assets/components/ace/js/modx.codearea.js

Then add this line: "grow : true," without quotes, special thanks to MODX user Kevin Razmus for the tip via Twitter.

Here is a list of useful shortcuts supported by Ace.

Check out the online demo over at the projects homepage if you want to see all the options and features of the extra. (Some feautres might not work in MODX)

The Ace project is open source and can be modified for commercial or personal purposes, you can fork it on github, it was ported into MODX by Danil Kostin and we highly recommed you use it as your default code editor in MODX.