Cuando la vista del componente modifica el HTML, los componentes de texto ya no son editables

Probé lo anterior, como sigue:

  var textType = comps.getType('text');
  comps.addType('section-test', {
    Defina el modelo
    model: defaultModel.extend({
      Extender propiedades predeterminadas
      defaults: Object.assign({}, defaultModel.prototype.defaults, {
        arrastrable: 'cuerpo, cuerpo div'
      }),
    },
    {
      isComponent: function(el) {
        if(el.tagName == "SECTION"){
          return {type: 'section-test'};
        }
      },
    }),

Definir la vista
    view: textType.view.extend({
      El render() debería devolver 'esto'
      render: función () {
        Extiende el método de renderizado original
        defaultType.view.prototype.render.apply(esto, argumentos);
        this.el.placeholder = 'Texto aquí'; <- No afecta al código HTML final
        var html = this.el.innerHTML;
        html = "<h1>ABC</h1>" + html;
        this.el.innerHTML = html;

devuelvo esto;
      },
    })
  });
  blockManager.add('section-typography', {
    etiqueta: 'Sección de texto',
    categoría: 'Secciones',
    Contenido: '<section class="bdg-sect">
      <h1 class="encabezado">Haz clic aquí para editar el título</h1>
      <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
      ',</section>
    Atributos: {Clase:'GJS-Fonts GJS-F-H1P'}
  });    

Pero sigo sin poder editar el texto en los elementos h1 y p después de dejar el componente en el lienzo. :(

Perdona, no me había dado cuenta '''js var html = this.el.innerHTML; html = "<h1>ABC</h1>" + html; this.el.innerHTML = html;

básicamente eliminas elementos con modelos y adjuntas una nueva cadena como HTML (el editor ya no puede acceder a sus modelos). Si quieres añadir un nuevo componente, deberías hacerlo a través de modelos (por ejemplo, 'view.model.append('<div>stuff</div>')')

Puedes ampliar el componente de texto en lugar del base '''js const defaultType = comps.getType('default'); const textType = comps.getType('text'); ... view: textType.view.extend({ ...