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ún otro sitio. ¿Qué opinas de eso?
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
[Bug] 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 for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.