Cuando redimensionamos una imagen con la clase 'xyz', todos los elementos de la página con la misma clase también se redimensionan porque el editor añade CSS a esas clases.
https://grapesjs.com/docs/modules/Components.html#components-cssDiseño primero por componentes Por defecto, cuando seleccionas un componente en el lienzo y aplicas estilos sobre él, se aplicarán cambios en sus clases existentes. Esto resultará en el cambio de todos los componentes con esas clases aplicadas. Si necesit...
Lee la respuesta completa abajo ↓Pregunta
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 104.0.5112.101 (Versión oficial) (arm64)Enlace de la demo en vídeo https://d.pr/i/27EgH2Describe el bichoCuando redimensionamos una imagen con la clase 'xyz', todos los elementos de la página con la misma clase también se redimensionan porque el editor añade CSS de ancho de altura a esas clases.Pero cuando elimino todas las clases de la imagen, el editor usa el id para establecer el ancho de altura CSS.Estoy cargando una plantilla de bootstrap en el editor. Enlace de grabación: https://d.pr...
Respuestas (4)
https://grapesjs.com/docs/modules/Components.html#components-cssDiseño primero por componentes Por defecto, cuando seleccionas un componente en el lienzo y aplicas estilos sobre él, se aplicarán cambios en sus clases existentes. Esto resultará en el cambio de todos los componentes con esas clases a...
Gracias, @DevMetwaly funcionó, perdona, no me lo he perdido.
Hola @artf, primero que nada, un framework increíble, y gracias por hacerlo de código abierto. Como se ha descrito en el comentario anterior, me estoy enfrentando a este problema raro, por favor dime si estoy haciendo algo mal o si hay alguna forma de solucionarlo, gracias.
Gracias por informar de esto, @FaisalShaikhHA. El problema con Cuando redimensionamos una imagen con una clase 'xyz', todos los elementos de la página con la misma clase también se redimensionan porque el editor añade CSS a esas clases. parece ser un problema de condición de carrera o de sincroniza...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #4208
Error de estado de clic de estilo en todos los elementos
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave Last, probado en Chrome Last y Safa...
Issue #6549
No se pudo redimensionar la imagen
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen...
Issue #5810
Estilo de lienzo innecesario
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Arc Versión 1.35.0 / Chromium Engine 123.0E...
Issue #5083
Los bloques no se pueden arrastrar para el lienzo
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Tauri Enlace de demo reproducible Describ...
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.