SVG no es visible en el editor
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 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)
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.
@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.
Issue #2961
BUG: Los componentes en modal personalizado no son editables
Hola, estoy intentando añadir un bloque modal personalizado a mi proyecto y quiero cambiar el contenido de este modal también con arrastrar...
Issue #1324
Eliminar atributos de un componente
Hola @artf no sé si es posible eliminar un atributo de un componente. En nuestro proyecto estoy inyectando un atributo personalizado de un...
Issue #3404
Problema con el Style Manager.
Hola @artf quiero ocultar y mostrar propiedades de estilo para un componente específico. Tras referenciar este problema https://github.com/...
Issue #3363
La función Set Content vacía el contenido componente
Estoy intentando usar la función set para cambiar el contenido de un componente, pero en realidad el resultado es un componente vacío sin n...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.