If you try this implementation of Ace and CodeMirror, you WILL never never look back again. It is beyond beautiful, intuitive, highly extensible right from from one chunk (no digging around looking for config).
It uses pure lovely CDN, that means you will always be updated - for real!
Receive the full offering that official Ace and CodeMirror give you - no strings!
You'll soon forget you were coding using a web page...![smiley]()
Use with any RTE like a boss. View Source Code of RTE (use twAceEditor.js and twCodeMirror.js)
Switch between CodeMirror and Ace (back and forth) like a godfather.
Switch syntax and editor height like you are an IDE architect - complete control!
30-40 themes to enjoy
Change font-size ...
Your life just got changed!
Install http://modx.com/extras/package/tinymcewrapper
Excerpt from https://forums.modx.com/thread/97694/support-comments-for-tinymcewrapper?page=24#dis-post-541131
It uses pure lovely CDN, that means you will always be updated - for real!
Receive the full offering that official Ace and CodeMirror give you - no strings!
You'll soon forget you were coding using a web page...

Use with any RTE like a boss. View Source Code of RTE (use twAceEditor.js and twCodeMirror.js)
Switch between CodeMirror and Ace (back and forth) like a godfather.
Switch syntax and editor height like you are an IDE architect - complete control!
30-40 themes to enjoy
Change font-size ...
Your life just got changed!
Install http://modx.com/extras/package/tinymcewrapper
Excerpt from https://forums.modx.com/thread/97694/support-comments-for-tinymcewrapper?page=24#dis-post-541131
UPDATED TinymceWrapperCodeMirror chunk (includes emmet) to function like its fraternal twin below.
ADDED TinymceWrapperAce chunk (includes emmet)
0. Ace up any fabled textarea within MODX... including quick edit/ create... beautiful and awesome, easy to customize!
1. Flawlessly auto detect resource language by content_type (mime), or set to fixed.
2. Auto detect elements according to static source extension, or set to fixed.
3. Auto detect file language according to file extension - or even in quick edit modal.
4. Change language on the fly while editing anything.
5. Go full screen.
6. Deactivate individual textareas at pleasure.
7. Use with RTE - well, you can, and why not?
8. Out of the box, Ace comes with lint for the major languages if not all, and a powerful set of keyboard control./
0-7 is applicable to TinymceWrapperCodeMirror