Error de imagen subida
Deberías generar esto para tu endpoint de subida: https://grapesjs.com/docs/modules/Assets.html#response Por ejemplo, '''js { datos: [{SRC: '.../image.png'}] } ```
Lee la respuesta completa abajo ↓Pregunta
Hemos integrado GrapesJ en nuestra aplicación Angular. El gestor de activos muestra una lista de imágenes que se han subido. Inicialmente, no hay imágenes y, al arrastrar una imagen y luego gestionar la subida, el administrador de activos muestra la imagen correcta.
Al subir una imagen, estamos devolviendo un objeto con una imagen en la propiedad de datos, por lo que la imagen 1 se añade a la existente. Al inicializar, devolvemos un objeto a las imágenes existentes.
El problema está en la imagen subida, aparece en el editor con la imagen de "imagen faltante" y no muestra la imagen subida. La única forma de que la imagen subida aparezca es haciendo doble clic en
La imagen y seleccionarla a través del administrador de activos.
He adjuntado un vídeo mostrando el problema actual y cómo funciona.
La etiqueta img creada en el editor no tiene un atributo src, por ejemplo, <img data-gjs-type="image" alt="name-of-image-here.png" class="gjs-plh-image gjs-comp-selected" onmousedown="return false">
Respuestas (3)
Deberías generar esto para tu endpoint de subida: https://grapesjs.com/docs/modules/Assets.html#response
Por ejemplo, '''js { datos: [{SRC: '.../image.png'}] }
Hola, eso funcionó, en la documentación quizá quieras actualizar la documentación para eliminar la primera línea del array y usar solo la versión objeto para los datos de retorno.
{ datos: [ 'https://.../image.png', // ... { SRC: 'https://.../image2.png', tipo: 'imagen', Altura: 100, ancho: 200, }, // ... ] }
@aerionTech cierto, pero creo que actualizaré la función de subida para que también entienda los elementos en cadena
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #985
¿Puede GrapesJS permitir subir archivos arbitrarios a través del gestor de activos integrado?
He revisado el código del gestor de activos así como la wiki y parece que, a pesar de que la documentación dice que el gestor de activos pu...
Issue #1955
Redimensionar imágenes con puntos que no son en las esquinas redimensiona tanto el ancho como la altura.
Este error puede reproducirse en cualquiera de las demos de GrapesJS. Bug: Después de arrastrar y soltar una imagen, usando uno de los punt...
Issue #612
Urgente: Duplicar otros bloques cuando se use un gestor de activos personalizado
Hola, Hemos modificado el gestor de Assset con uno personalizado. Pero ahora tenemos problemas. Si dejamos una imagen en el lienzo y luego...
Issue #1768
Demo de MJML rota
Si voy a https://grapesjs.com/demo-mjml.html y trato de arrastrar una imagen al editor, me aparece un error de que es un objetivo inválido.
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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.