There was a question¬†in the sencha forum “Does anyone know how to add a form field that is an Ace¬†code editor?”. So I decided to implement such a field. I have done it once in 2011 but forgotten already which lib was used and in which form it was done.

Here I tried to implement the new form field at the base of ‘Ext.form.field.Base’ class and make like the other extjs form fields. The field fires the ‘change’ event, has validations and info, error and warning events. I hope the code is self explanatory.

I also added trivial test environment, to disable/enable or validate field, change the theme and mode. If you will use this code and would like to add some new features this platform will help you with testing.