Definición del nuevo lenguaje de marcado

Hola @artf,
Quiero definir un nuevo lenguaje de marcado como mjml para hacer el diseño más fácil y legible. Empecé con '<error>'etiquetar como POC''. Escribe código a continuación;
Modelo:
'importar un componente de 'grapesjs/src/dom_components/model/Component';

const ComponentError = Component.extend({
  Predeterminados: {
    Tipo: 'error',
    etiquetaNombre: 'error',
    ... Component.prototype.defaults
  },

}, {

/**
   * Detectar si el elemento pasado es un componente válido.
   * En caso de que el elemento sea válido, un objeto abstraído
   * del elemento será devuelto
   * @param {HTMLElement}
   * @return {objeto}
   * @private
   */
  isComponent(el) {
    Resultado var = '';
    if (el.tagName == 'ERROR') {
      resultado = {tipo: 'error'};
    }
    resultado de retorno;
  },

});

exportar ErrorComponentError por defecto;'

Ver:

'importar ComponentView desde 'grapesjs/src/dom_components/view/ComponentView';

const ComponentErrorView = ComponentView.extend({

etiquetaNombre: 'div',

getChildrenSelector() {
    return '[data-role="content"]';
  },

render(p, c, opts, appendChildren) {
    this.renderAttributes();
    this.el.innerHTML = '<span style="color:red">Error:</span><span data-role="content"></span>';
    this.renderChildren(appendChildren);
    this.childNodes = this.getChildrenContainer().childNodes;
    devuelvo esto;
  }
});

exportar por defecto ComponentErrorView;'

Cuando defino bloquear como 'content:'<error/>'', funciona. Pero en cuanto al 'contenido:<error> 'El mensaje</error>'' no funciona correctamente. Y el editor no puede analizar desde elemento.