Cómo crear un bloque con contenido HTML, CSS y JavaScript.

¡Hola! Lo que buscas es [aquí](https://grapesjs.com/docs/modules/Components-js.html)
`
editor. DomComponents.addType('custom-type',{
            modelo:{
                valores predeterminados:{
                    script: función () {
                        console.log('hola mundo');
                    }
                },
                isComponent(){
                    Retorno verdadero
                }
            },
        })
`
Debes **definir el tipo personalizado** antes de tu **definición de bloque**.
Luego, en tu contenido de bloque, modifica esta línea para inyectar tu tipo:
`
          <div data-gjs-type="custom-type" class="sampleclass">Text<div class="sampleclass2"><div><a>A Enlace</a></div></div></div>
`
**Fíjate** que para usar tipos personalizados, deben estar definidos en un plugin por el momento. Más información [aquí](https://grapesjs.com/docs/modules/Plugins.html)
Salud.