Using ACE editor on custom windows

Hi there, in a project we are working on, the user needs to input code in some custom windows, not the normal html/content that is part of the standard ModX windows but other textAreas, how can we use the ACE editor there? I’ve checked the tags styles and other elements but haven’t found how to force the editor to attach to my areas

If you are using Ext.js to create these custom windows, then I believe you can use the xtype ‘modx-texteditor’ like for example here:

1 Like

actually we are building the front using VueJs, but this gives me a clue to start looking at the rigth place to set up this, thanks a lot!

Just in case anyone is ever facing this, the solution was just to use a wrapper and add the base Ace libraries to our editors, here is a clear example on how to get it up and running

1 Like