Añadir un desplegable para bloquear usando Rasgos

Hola @artf,

Espero que estés bien,

Me preguntaba si podríais ayudarme con algún problema sencillo que estoy teniendo (recientemente he empezado a usar GrapeJS.

Problema: usando un plugin crea un bloque y dentro de la sección de rasgos hay un desplegable que cambia el tipo de bloque que se muestra.

Aquí está mi código actual de plugins que muestra dos bloques:

function myPlugin(editor){

editor. BlockManager.add('my-first-block', {
    etiqueta: 'Bloque simple',
    contenido: '<div class="my-block">Este es un bloque simple</div>',
    categoría: 'Apple'

})

editor. BlockManager.add('my-second-block', {
    etiqueta: 'segunda cuadra',
    contenido: '<div class="my-block">Este es un bloque simple</div>',
    categoría: 'Apple'

});
}

Me gustaría que apareciera un desplegable en la pestaña de configuración (rasgos) donde pueda seleccionar otras opciones de contenido, por ejemplo:

Bloque simple ------------> Rojo ------------> Naranja ------------> Amarillo

Y luego cambiar el contenido en consecuencia de la siguiente manera:

Red: content: ''<div class="my-block">Este es un simple bloque rojo</div>',' Naranja: contenido: ''<div class="mi-bloque">Este es un simple bloque naranja</div>',' Amarillo: content: ''<div class="my-block">Este es un simple bloque amarillo</div>', ` Un cordial cordial Aiyush