Renderizar nuevo HTML en editor con Acción de Rasgos

=============
Creo mi nueva herramienta personalizada mediante:
         this.editor.BlockManager.add('sidebar', {
             id: 'Al margen',
            etiqueta: 'SideBar',
            Atributos: {Clase:'Fa Fa-Megáfono'},
            Contenido: {
                Estilo: {color: 'negro'},
                Tipo: 'Sidebar',
                         }

});
=============
Y esto para añadir HTML y rasgos de renderizado por defecto y eliminar algunas funciones en la casilla de verificación Escuchar:

quiero aplicar la var html de newDom al editor en la acción 

comps.addType('sidebar', {
            model: defaultModel.extend({
      init() {
                 
this.listenTo(this, 'change:business', this.doStuff);
                    this.listenTo(this, 'change:confrces', this.doStuff);
                    this.listenTo(this, 'change:Nuclear', this.doStuff);
                   },

doStuff() {
        Algunos métodos de JavaScript 
El resultado nuevo HTML
                 },

defaults: Object.assign({}, defaultModel.prototype.defaults, {
                    Rasgos: [
                        'Título',

this.catogrylist,
                        {
                            Tipo: 'Casilla de verificación',
                            etiqueta: 'negocios',
                            Nombre: 'Business',
                            cambioProp: 1,

},
                        {
                            Tipo: 'Casilla de verificación',
                            etiqueta: 'conferencias',
                            Nombre: 'Conferencias',
                            cambioProp: 1,

},
                        {
                            Tipo: 'Casilla de verificación',
                            etiqueta: 'Nuclear',
                            nombre: 'Nuclear',
                            cambioProp: 1,

},

],

}),
            }, {
                isComponent: function(el) {
                    if(el.tagName == 'div'){
                        return {type: 'sidebar'};
                    }
                },
            }),

view: defaultView.extend({
           etiquetaNombre: 'div',
                                                                render: función () {
                                                               
this.el.innerHTML = ' <div class="categories" style="width:15%;height: 100%;background-color: #4b5257"></div>
            `;
            
devuelvo esto;
                                                                },
                                                            }),

});