Problemas con GrapesJS

them7d

Sí, no funciona porque el código no es totalmente compatible con Safari Browser Para solucionar este problema necesitas usar grapes en NextJS, como esta página https://grapesjs.com/demo.html

GJS Helper

El problema que estás experimentando con el arrastrar y soltar que no funciona en Safari desde GrapesJS v0.22.1 es un comportamiento conocido relacionado con cambios en la gestión de almacenamiento del framework. Causa raíz GrapesJS v0.22....

artf

Puedes ocultar el componente de las capas con la propiedad 'layerable: false' o crear tu propia UI personalizada de gestor de capas con toda la lógica de UI que necesites.

GJS Helper

El problema que estás experimentando, donde los componentes bloqueados pueden seguir seleccionándose, arrastrándose y eliminándose en el Administrador de Capas GrapesJS es un punto común de confusión. La propiedad locked en un componente G...

GJS Helper

Gracias por reportar este problema y proporcionar una demostración clara y reproducible. El problema que estás encontrando con arrastrar y soltar en el Administrador de Capas tras intentar cambiar su raíz se debe a un uso incorrecto de la...

GJS Helper

El problema que has descrito, donde añadir un componente de texto a una instancia de símbolo original provoca reinicios de cursor, parpadeo y eventos de component:add continuos, es un conflicto de interacción conocido entre el mecanismo de...

artf

Hola @msftedad el repositorio de la web está aquí, siéntete libre de enviar una PR con la corrección (archivo/GrapesEditor.tsx)). Voy a cerrar el tema porque no está relacionado con el núcleo.

GJS Helper

Este es un informe válido e importante de error de accesibilidad para la página de demostración de GrapesJS . El problema surge de que la etiqueta de <img> del logo de GrapesJS tiene un atributo de alt vacío, lo que indica incorrectamente...

msftedad

Hola equipo, ¿alguna novedad sobre este problema?

GJS Helper

El problema que has señalado pone de manifiesto un problema común de accesibilidad en los creadores web que dependen en gran medida de las interacciones de arrastrar y soltar. GrapesJS, por defecto, implementa su manipulación de bloques y...

GJS Helper

Has identificado correctamente una discrepancia en cómo se maneja la opción keepEmptyTextNodes en GrapesJS, lo que provoca que se eliminen nuevas líneas de tu salida HTML. Esto es, de hecho, un error relacionado con la configuración del an...

artf

@jsxOverdose impulsado una solución para esta nueva versión: https://github.com/GrapesJS/grapesjs/releases/tag/v0.22.11

jsxOverdose

@artf En la nueva versión, hay otro error: cuando pulsas una de las manijas de redimensionamiento en el eje Y, la imagen se agranda significativamente. Aquí tienes la demo: https://jsfiddle.net/du81zL6r/

GJS Helper

El problema que estás experimentando con los elementos que saltan a una posición incorrecta tras moverse y luego interactúan con el redimensionador es un comportamiento conocido relacionado con cómo GrapesJS maneja las propiedades de top y...

GJS Helper

Has identificado con precisión una regresión en GrapesJS versiones 0.22.8 y 0.22.9 donde el interruptor de visibilidad del Gestor de Capas de 'invisible' a 'visible' no funcionaba correctamente. El interruptor de 'visible' a 'invisible' fu...

mosh-tudor

@yashvi2026 Eso es por tu código CSS personalizado. Elimina esta parte: '''js estilos: '.image{max-width:100%;}@media (ancho máximo: 480px) {.image {display: inline-block; Altura:AUTO !Importante; ancho:100% !importante; ancho-máximo:100%;...

artf

Confirmo que el redimensionador de componentes no tiene en cuenta '!important' ahora mismo, pero seguiría, más o menos, lo que @mosh-Tudor sugirió. No necesitas eliminar todos los 'estilos', porque supongo que es lo que necesitas, pero no...

yashvi2026

Necesito usar '!importante' en mi estilo. He notado que en otros componentes, cuando '!important' está incluido en los estilos por defecto, los estilos añadidos a través del gestor de estilos también incluyen '!important' para asegurar que...