Issue #2822💬 RespondidoAbierto el 11 de junio de 2020por LighostReacciones 0

SVG no es visible en el editor

Respuesta rápidapor RJCAM

Hola @Lighost Creo que el problema es ese SVG porque es el único que no funciona correctamente. Esto puede tener algún código que el propio Custom Block no está entendiendo correctamente. Una solución es guardar el SVG localmente y eliminarlo usando el bloque de imagen predeterminado del editor, lo he probado y funcio...

Lee la respuesta completa abajo ↓

Pregunta

Hola, He necesitado poner SVG en mi proyecto, así que usé un componente de código personalizado para este propósito. Pero cuando copio contenido SVG a un componente no muestra nada. Pero cuando miro el índice generado, el svg se ve. He probado lo mismo en el editor de demos, pero allí no se ve ni en el editor ni en el modo de vista previa. Lo he probado con la última versión de Safari y la última de Google Chrome y, por supuesto, estoy usando la última versión de GrapesJS (0.16.12).

La fuente del svg buscado es AQUÍ

Cómo se ve en el editor: !

Cómo se ve en index.html (en mi página) !

Al principio pensé que el error podría ser de mi SVG, pero entonces no se veía en el índice. ¿Alguna idea de qué pasa?

Respuestas (2)

RJCAM11 de junio de 2020

Hola @Lighost Creo que el problema es ese SVG porque es el único que no funciona correctamente. Esto puede tener algún código que el propio Custom Block no está entendiendo correctamente. Una solución es guardar el SVG localmente y eliminarlo usando el bloque de imagen predeterminado del editor, lo he probado y funciona. También he probado el mismo problema con muchos SVGs diferentes y funcionan bien.

Lighost11 de junio de 2020

@RJCAM Sí, lo sé, ya lo he hecho, como insertar SVG como IMG. Pero en mi caso realmente necesito insertarlo como objeto svg, porque tengo que hacer algunos efectos de hover con el atributo de relleno. En cualquier caso, de alguna manera ha empezado a ser visible en el editor. No sé qué he hecho, porque acabo de cambiar como tres veces el llenado de clase de SVG, y ahora se ven en el editor. Así que para mí, estoy cerrando este asunto porque está resuelto 😄.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.