Cómo podemos eliminar el componente seleccionado html

Puedes hacer algo así '''js componente const = editor.getSelected(); const coll = component.collection; const at = coll.indexOf(component); coll.remove(componente); return coll.add('<div>Contenido nuevo</div>', { at });

Esto me ha ayudado mucho a eliminar componentes programáticamente y solo quiero añadir un código de ejemplo en Typescript para más referencia.

Ejemplo de Typescript: Eliminar dinámicamente componentes

Se han retirado todos los componentes que...

• .. tener un nombre de etiqueta = exampletag
• .. tienen un atributo = exampleattr

  /**
   * Elimina todos los componentes del editor que tienen la etiqueta 'exampletag' y contienen el atributo 'exampleattr'.
   */
  clearComponentsFromEditor(): void {

sea allComponents = this.editor.getComponents();
    let componentsToBeRemoved = allComponents.filter(
      componentModel => (
        componentModel.attributes['tagName'] == 'exampletag' && null != componentModel.attributes.attributes['exampleattr'])
    );
    
for(let comp of componentsToBeRemoved) {
      if(null != comp & & null != comp.collection)
        comp.collection.remove(comp);
    }
  }

Hola artf,

Gracias por el mensaje y el código proporcionado funciona bien, pero me está saliendo el siguiente error:

Uncaught TypeError: No se puede leer la propiedad 'indexOf' de undefined en HTMLDivElement. <anonymous> (template.js?1.15:3784) at HTMLDivElement.dispatch (jquery.min.js:5) at HTMLDivElement.v.handle (jquery.min.js:5) en ZoneDelegate.webpackJsonp.../.. /.. /.. /zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421) en Zone.webpackJsonp.../.. /.. /.. /zone.js/dist/zone.js.Zone.runTask (zone.js:188) en ZoneTask.webpackJsonp.../.. /.. /.. /zone.js/dist/zone.js.ZoneTask.invokeTask [como invoke] (zone.js:496) en invokeTask (zone.js:1517) en HTMLDivElement.globalZoneAwareCallback (zone.js:1543)