Тип поле Code (ACE) кастомный тип TV

У меня головоломка. Наверное потому что изучаю Ext JS, только месяц.

Суть задачи: Необходимо сделать, костюмный тип поле в официальных доках есть замечательная статья по данному вопросу.

Далее смотрим видим что есть xtype github.com/bezumkin/modx-ace/blob/master/assets/components/ace/modx.texteditor.js#L479-L522 и что можем в принципе и к textfields подключиться

MODx.ux.Ace.replaceTextAreas(Ext.query("#tv{$tv->id}"));

Но поле не правильно рендериться ломается верстка. Как это сделать. Какая логика должна быть? Вот такой у меня вопрос на сегодня.