¿Cómo cambiar el contenido de componentes personalizados (html) de AJAX?

Hola @artf,

Antes que nada, gracias por este increíble plugin.

¿Podríais decirme cómo puedo actualizar o cambiar el contenido de bloqueo?

Creé bloque + componente personalizados. '<table><tr><td class="some-class">text_to_replace</td></tr></table>'

El componente tiene un nuevo botón de barra de herramientas (icono de búsqueda en la captura adjunta) y al hacer clic obtengo información nueva como product_name, etc.

Así que obtengo HTML de bloque actual, hago todo lo que hago...

block_html = editor.getSelected().toHTML();
new_html = block_html.replace(.....);

¿Cómo puedo actualizar el html de bloques seleccionados a texto nuevo? Algo así como 'editor.getSelected().setHTML(new_html);'

Si intento cambiar de modelo

components.addType('product', {
	   model: default_model.extend({
	    	defaults: Object.assign({}, default_model.prototype.defaults, {
				barra de herramientas: [.......],
                                 .....
	      }),

setProductInfo(json) {
		    console.log(json);
		    this.set('style', {color: '#ff0000'});  <=== el color cambia a rojo
		    ¿Cómo cambiar el contenido en lugar del color?
		}
	  }

El código de bloque se ve así:

smc_block_manager.add('product-block', {
		etiqueta: 'Producto - Principal',
		Categoría: block_category_product,
		atributos: {
			Clase: 'FA FA-TAG'
		},
		Contenido: {
			Tipo: 'producto',
			Componentes: product_item,
			activeOnRender: 1
		}
	});

También lo intenté

editor.getSelected().components('nuevo HTML aquí');

Pero parece que se ha añadido un componente nuevo dentro del componente antiguo.

Gracias

! GJS