Elemento de imagen
Hola, hola a todos, ¿habéis solucionado el problema de las imágenes responsivas? (Tenemos que cambiar las imágenes, porque el contenido de la imagen debería cambiar en dispositivos más pequeños, así que el enfoque es menor)
Lee la respuesta completa abajo ↓Pregunta
Hola, Me gustaría añadir un bloque de "imagen" al editor, donde podamos definir una imagen diferente para cada dispositivo, y el HTML base para eso sería así:
<picture>
<source data-gjs-type="source" media="(min-width: 650px)" srcset="">
<source data-gjs-type="source" media="(min-width: 465px)" srcset="">
<img src="">
</picture>
Mi problema es que, cuando se inserta en el editor, el componente de img es visible y movible, incluso desde el elemento imagen. Con eso, podría causar problemas de diseño no intencionados y las imágenes podrían acabar en lugares diferentes. Otro problema con esto es que la cantidad de fuentes puede cambiar según el uso, a veces solo se reutiliza 1 fuente (soporte de dispositivo), 3...
¿Cuál sería la mejor manera de superar estos problemas?
Respuestas (2)
Hola, hola a todos, ¿habéis solucionado el problema de las imágenes responsivas? (Tenemos que cambiar las imágenes, porque el contenido de la imagen debería cambiar en dispositivos más pequeños, así que el enfoque es menor)
Aprende a crear Components personalizados y luego echa un vistazo a todas las propiedades disponibles en el Component (para que puedas notar, por ejemplo, que la imagen no se puede arrastrar)
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2381
[PREGUNTA] ¿Es posible añadir información modal en el editor?
Hola, Me gustaría añadir en el editor de grapejs un signo de interrogación clickable donde podamos hacer clic para poder dar información so...
Issue #893
Añadir tributo a HTML
Hola a todos, Quiero añadir un id para cada bloque que arrastre y suelte en el lienzo; Para ser más claro, no quiero añadir un Id para cada...
Issue #955
[Pregunta]: Encontrar el componente asociado al elemento HTML en iframe/editor visual.
¡Hola! Estoy trabajando en una implementación de GrapesJS donde puedo arrastrar y soltar un fragmento de texto de fuera de GrapesJS hacia u...
Issue #1044
Cambiar src para elemento de imagen en el modelo
Hola Cuando un bloque de imagen cae al editor, oculto el gestor de activos predeterminado y muestro mi gestor personalizado: Para esto no t...
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
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS vs Webflow vs Builder.io vs Puck: Which Visual Builder to Choose in 2026
A practitioner's 2026 comparison of GrapesJS, Webflow, Builder.io, and Puck — pricing, AI features, lock-in, and a one-line rule for picking the right one
Tutorial
GrapesJS vs Gutenberg: How to Build a Custom WordPress Page Builder
Compare GrapesJS and Gutenberg, learn when to use each, and follow a step-by-step guide to build a production WordPress page builder with GrapesJS.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.