Actualización de vista recursiva de un componente personalizado

Hola,

He definido un tipo personalizado como: '''javascript editor. DomComponents.addType('customType', { modelo: { Predeterminados: { tipo: 'customType', etiquetaNombre: 'customTag', Textible: 1, Arrastrable: Cierto, arrastrable: ['P', 'Div', 'Span'] }, }, isComponent(el: HTMLElement) { Sea resultado; etiqueta const = el.etiquetaNombre;

if (tag == 'CUSTOMTAG') { resultado = { tipo: 'customType', etiquetaNombre: etiqueta.toLowerCase(), }; } resultado de retorno; }, Vista: { async onRender(elem: any) { sea elemento: HTMLElement = elem.el; await this.getContent(element); }, async getContent(element: HTMLElement) { let path = element.getAttribute('href'); si (camino) { res = await apiCall.loadData(path); } res.result contiene html. También puede contener un elemento cutomTag en su interior. element.innerHTML = res.result; element.style.display = 'bloque'; } }, });

Quiero mantener la 'customTag' en mi modelo y mostrar el contenido (HTML) en la vista. 
Sin embargo, en el contenido, es posible tener la misma 'etiqueta personalizada' con diferentes href y contenidos.

En el renderizado visual, Grapesjs no recibe este tipo de trigger para el customTag anidado (lo cual entiendo por qué). 

¿Hay alguna mejor manera de configurar la vista del componente para que, si hay 'customTag' dentro del contenido, se procese como 'customType'?

¿Es posible tener componentes recursivos como este cuando solo se actualiza la vista?

Gracias