Renderizado de componentes angulares en GrapesJS.

Añade AngularComponent como entryComponents en el módulo de la app, luego importa createCustomElement como se indica más abajo

importar { createCustomElement } de '@angular/elements';
clase export AppComponent {
  constructor( injector: Injector ) {
    customElements.define('popup-element', createCustomElement(AngularComponent, {injector}));
}

Ahora usa "popup-element" en grapesjs

Estoy usando el elemento personalizado así en Block Manager

this.editor.BlockManager.add('block_name' , { etiqueta: 'etiqueta', Tipo: 'Tipo', Contenido: '<div><mycustomelement></mycustomelement></div>' Categoría: 'category_name' });