No se puede usar relleno transparente en Bloquear media svg

Creo que depende del SVG específico que se use. Si miras los otros iconos SVG, notarás que no tienen un atributo de relleno (en línea) en la <svg> etiqueta principal, sino en las <path> etiquetas hijas. Al establecer el atributo fill="none" en los dos <path> elementos de este SVG, el icono debería mostrarse correctamente. ¡Espero que esto te ayude a resolver el problema!

@samex Especificar 'fill="none"' funcionó, ¡gracias! Eso sin duda ayudará a que mis cosas personalizadas funcionen de forma más predecible.

Más allá de eso, creo que el principal problema sería intentar usar SVGs de terceros (por ejemplo, "react-icons") o salida wysiwyg que no establezca explícitamente los atributos de 'relleno'. Teniendo en cuenta esos casos de uso, dejaré este error abierto por ahora, a menos que los mantenedores prefieran que esté cerrado.

Sí, cerraría este porque no está estrictamente relacionado con el núcleo en sí, pero gracias por señalarlo

Gracias por informar de esto, @tonypapousek.

Buena pregunta sobre No se puede usar relleno transparente en Bloquear media svg. El enfoque recomendado con StyleManager es usar la API orientada a eventos.

Empieza aquí:

1. Consulta la documentación de GrapesJS de tu módulo específico
2. Busca el método del oyente de eventos 'on()'
3. 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!