Rerenderizar el componente en Canvas cuando el nombre de la etiqueta ha cambiado

Estoy intentando construir un componente básico de encabezado que te permita seleccionar de H1 a H6 con un rasgo. Pero cuando se selecciona una opción, el lienzo no se actualiza. El cambio es visible en la vista de código, y si muevo el elemento en el lienzo con la herramienta de arrastre, la etiqueta cambia. He estado leyendo la documentación de la API así como el código fuente, pero no puedo hacer que el componente se vuelva a renderizar automáticamente. Sospecho que Grapes no está escuchando un cambio en el nombre de la etiqueta del componente. ¿Cuál es la forma adecuada de forzar una re-renderización en este caso?

'''js VAR Comps = Editor. DomComponents; Bloqueos VAR = editor. Jefe de bloque; var textType = comps.getType('text'); var textModel = textType.model; var textView = textType.view;

comps.addType('header', { model: textModel.extend({ defaults: Object.assign({}, textModel.prototype.defaults, { 'nombre personalizado': 'Cabecera', etiquetaNombre: 'h1', Rasgos: [ { tipo: 'select', Opciones: [ {valor: 'h1', nombre: 'Uno (el más grande)'}, {valor: 'h2', nombre: 'Dos' }, {valor: 'h3', nombre: 'Three '}, {valor: 'h4', nombre: 'Cuatro '}, {valor: 'h5', nombre: 'Five '}, {valor: 'h6', nombre: 'Seis (el más pequeño)'}, ], etiqueta: 'Tamaño', Nombre: 'tamaño de cabecera', cambioprop: 1 } ] }),

init() { this.listenTo(this, 'change:header-size', this.changeTagName); },

changeTagName() { view.tagName es un archivo que devuelve model.tagName this.set('tagName', this.get('tamaño de cabecera')); }

}, { isComponent: function(el) { if(el && ['H1', 'H2', 'H3', 'H4', 'H5', 'H6'].includes(el.tagName)) { return {type: 'header'}; } } }), ver: textoVer });

blocks.add('header', { etiqueta: 'Cabezal', categoría: 'Básico', atributos: {clase:'fa fa-cabecera'}, Contenido: { tipo:'encabezado', contenido: 'Inserta aquí el texto de tu cabecera', activeOnRender: 1 } });