Añadir componentes personalizados no funciona

Rasgos (Escenarios)
            
}),
          },
          El segundo argumento de .extend son los métodos estáticos y pondremos dentro de nuestro
          método isComponent(). Mientras pones un nuevo tipo de Componente encima de la pila,
          No declarar isComponent() probablemente podría romper cosas, especialmente si extiendes
          el predeterminado.
          {
            isComponent: function(el) {
              if(el.tagName == 'INPUT2'){
                console.log('Estoy en isComponent: el:', el);
                return {type: 'input2'};
              }
            },
          }),

Definir la vista
          view: defaultType.view.extend({
          Eventos de vinculación
          eventos: {
            Si quieres vincular el evento a elementos infantiles
            'haz clic en .someChildrenClass': 'métodoNombre',
            clic: 'handleClick',
            dblclick: function(){
              alerta ('¡Hola!');
            }
          },

No tiene mucho sentido que este método esté dentro del componente
          Pero está bien como ejemplo
          randomHex: función() {
            return '#' + Math.floor(Math.random()*16777216).toString(16);
          },

handleClick: function(e) {
            this.model.set('style', {color: this.randomHex()}); <- Afecta al código HTML final
            this.el.style.backgroundColor = this.randomHex(); <- No afecta al código HTML final
            Consejo: actualizar el modelo reflejará los cambios en la vista, así que, en este caso,
            si pones el cambio de modelo después del del DOM, esto sobrescribirá el Color de fondo
            Cambios realizados antes
          },

El render() debería devolver 'esto'
          render: función () {
            Extiende el método de renderizado original
            defaultType.view.prototype.render.apply(esto, argumentos);
            this.el.placeholder = 'Mi texto aquí'; <- No afecta al código HTML final
            devuelvo esto;
          },
        }),
      });

Un bloque para el componente personalizado
       editor. BlockManager.add('input2', {
          etiqueta: 'Mi componente personalizado',
          atributos: {
            clase:'input2'
          },
          Contenido: {
            Componente de 'mapa' incorporado
            tipo: 'input2',
            etiquetaNombre: 'INPUT2',
           Estilo: { Altura: '350px'},
            Una vez insertado, no se puede quitar (solo un ejemplo)
            Removible: falso
          }
        
contenido: (<div>Foo</div>),
      });