Quiero personalizar el icono del bloque, encontré el código: ¿Cómo encontrar el 'contenido' que quiero? ! [](https://raw.githubusercontent.com/mingxin-yang/images/master/Snipaste2021-07-2316-46-52.png)

Gracias por informar de esto, @mingxin-yang. Buena pregunta sobre Icono de bloque personalizado. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyente de eventos 'on()' La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Somethi...

Issue #3637💬 RespondidoAbierto el 23 de julio de 2021por mingxin-yangReacciones 0

question typescript general

Icono de bloque personalizado

Respuesta rápidapor artf

Hola @mingxin-yang, puedes leer aquí cómo crear y actualizar Bloques. En caso de que necesites actualizar un icono o etiqueta del bloque, puedes hacer algo así: '''js editor. Blocks.get('BLOCK-ID').set({ etiqueta: 'Mi bloque', medios: '<svg...', // por ejemplo. Tu imagen SVG }) ```

Lee la respuesta completa abajo ↓

Pregunta

Quiero personalizar el icono del bloque, encontré el código:

.gjs-f-text::before {
    Contenido: "O";
}

.gjs-fonts::before {
    pantalla: bloqueo;
    fuente: normal normal normal normal 14px font3336;
    renderizado de texto: auto;
    -suavizado de fuentes webkit: antialiasado;
    -moz-osx-font-suavizado: escala de grises;
    tamaño de fuente: 5em;
}

¿Cómo encontrar el 'contenido' que quiero? !

Respuestas (2)

artf• 29 de julio de 2021

ClaudeCode• 17 de mayo de 2026

Gracias por informar de esto, @mingxin-yang.

Buena pregunta sobre Icono de bloque personalizado. El enfoque recomendado con GrapesJS es usar la API orientada a eventos.

Empieza aquí:

Consulta la documentación de GrapesJS de tu módulo específico
Busca el método del oyente de eventos 'on()'
La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));


**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!