ERROR: src se almacena dos veces con imagen
@longdoan7421 creo que podemos eliminarlo en el método 'toJSON' cuando el 'src' es igual a 'attribute.src' y asegurarnos de que se carga correctamente al cargar
Lee la respuesta completa abajo ↓Pregunta
La salida de "JSON.stringify(editor.getComponents())" muestra que el src de una imagen se almacena dos veces. { "tipo": "imagen", "vacío": cierto, "estado": "seleccionado", "contenido": "", "atributos": { "id": "iy3c7", "src": "Datos:Imagen/PNG; base64,..." <--- 1. }, "src": "Datos:Imagen/PNG; base64,...", <--- 2. "activeOnRender": 0, "abierto": falso } La versión es v0.16.18 - validada con la demo.
Respuestas (2)
@longdoan7421 creo que podemos eliminarlo en el método 'toJSON' cuando el 'src' es igual a 'attribute.src' y asegurarnos de que se carga correctamente al cargar
Hola @artf, Acabo de echar un vistazo rápido a 'ComponentImage'. Creo que es posible eliminar la propiedad 'src' en el modelo de imagen y reemplazar el código que usa 'src' en 'ComponentImage' y 'ComponentImageView' por el 'attribute.src'. Pero no estoy seguro de que uses la propiedad 'src' en algú...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #644
Actualizar a Fontawesome 5
De fontawesome 4. Sería una buena oportunidad para que FA5 dependa de los compañeros esta vez también, para que la gente no lo incluya dos...
Issue #2196
La selección de elementos de enlace no muestra barra de herramientas
Pasos para reproducir: añadir texto, seleccionar una palabra, hacer clic en el icono de enlace en el panel RTE, seleccionar un enlace. Comp...
Issue #2366
Text-shadow elimina los valores RGB cuando se selecciona el elemento
Ejemplo: https://jsfiddle.net/benvmatheson/g1ft06qh/8/ Importa un estilo con una propiedad de texto. 'Sombra-texto:rgb(51, 166, 58) 4px 4px...
Issue #2002
Las imágenes no se redimensionan a ancho completo
Cuando una imagen se redimensiona con el ratón, no se estira hasta el borde del lienzo, dejando un espacio blanco en el lado derecho. Si aj...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Tutorial
Super Tooltip para GrapesJS — Versión 0.1.5 Lanzada 🎉
Nos complace anunciar la actualización v 0.1.5 de Super Tooltip, nuestro plugin de menú flotante y tooltip para GrapesJS
Tutorial
GrapesJS en 2026: La guía completa del framework de construcción web de código abierto
Master GrapesJS en 2026. Arquitectura, ejemplos de código, integración con React, desarrollo de plugins, Studio SDK y cómo se compara con otros proyectos
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.