PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub — 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 466

🔍 components
#519923 de junio de 2023por rmadeiraneto3 respuestas
Reacciones 0

Cambios en los atributos de los componentes que se reproducen en todas las instancias en lugar de solo en una

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v114 Enlace de demo reproducible https://jsfiddle.net/rmadeiraneto/t659usxv/39/ Describe el bicho ¿Cómo reproducir el bicho?Ve a la lista de bloques y arrastra el componente personalizado "ejemplo" al lienzoTres el...

artf

Gracias @rmadeiraneto por el informe. Sí, desafortunadamente eso es un problema si estás mutando las propiedades de los arrays/objetos de esa manera y para evitarlo tienes dos opciones:Evita mutaciones directas (asigna nuevas referencias c...

rmadeiraneto

@artf usar los valores predeterminados como función funciona, gracias por responder rápido y por ofrecer la solución alternativa a este problema. Sobre la primera sugerencia, creo que no se trata de que las personas muteen o no el objeto,...

GJS Helper

El problema que has descrito es un error común en JavaScript relacionado con cómo se manejan los objetos mutables (como arrays y objetos) cuando se asignan como valores por defecto. En GrapesJS, cuando defines un componente con defaults qu...

#518414 de junio de 2023por acantepie2 respuestas
Reacciones 1

La barra de herramientas de componentes del ckeditor no se actualiza correctamente

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 113.0.5672.126 (Versión oficial) (64 bits)Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.htmlDescribe el bicho ¿Cómo reproducir el bicho?Entra en la web de demostración: https://grapesjs.com...

artf

Gracias @acantepie por favor abre el problema en el repositorio adecuado, ya que este no está relacionado con el núcleo

GJS Helper

El problema que estás encontrando, donde la barra de herramientas del Editor de Texto Enriquecido (RTE) en GrapesJS no actualiza correctamente su estado (por ejemplo, botones en negrita o cursiva) al cambiar entre varios componentes de tex...

#517510 de junio de 2023por krishnaeverestengineering4 respuestas
Reacciones 0

El método de movimiento no funciona como se espera

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codesandbox.io/s/adoring-margulis-873kdv Describe el bicho Contexto El método de mover componentes no funciona como se esperaba. Este fragmento de código no funciona como se espe...

krishnaeverestengineering

Solución para este problema: https://github.com/GrapesJS/grapesjs/pull/5176

artf

Gracias @krishnaeverestengineering pero este es en realidad el comportamiento esperado para mover el componente dentro del mismo padre. Esto se debe a que el 'at' también debe tener en cuenta el índice del propio componente. Así que, si in...

krishnaeverestengineering

Gracias @krishnaeverestengineering pero este es en realidad el comportamiento esperado para mover el componente dentro del mismo padre. Esto se debe a que el 'at' también debe tener en cuenta el índice del propio componente. Así que, si in...

#51739 de junio de 2023por FaisalShaikhHA3 respuestas
Reacciones 1

Editor. La API de Css.setRule no funciona como se espera, no está actualizando la regla existente.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 112.0.5615.137 (Versión oficial) (arm64) Enlace de demo reproducible https://jsfiddle.net/yhj6qa1u/6/ Describe el bicho ¿Cómo reproducir el bicho?Seleccionar un componente y añadir algo de estilo usando el Gestor...

artf

Hola @FaisalShaikhHA este es un comportamiento esperado, pero supongo que la documentación de 'setRule' es un poco engañosa. La regla en realidad se actualiza (no crea una nueva con el mismo selector), pero los estilos simplemente se reemp...

FaisalShaikhHA

Gracias @artf por la aclaración

GJS Helper

El comportamiento que observas con editor.Css.setRule no es un error, sino cómo está diseñada la API de GrapesJS CSS Composer para gestionar actualizaciones de reglas. Cuando llamas a editor.Css.setRule(selector, styleObject), si ya existe...

#51646 de junio de 2023por shomeel2 respuestas
Reacciones 0

Por defecto, los componentes se crean usando tabla en mi proyecto de demostración, pero la demo usa la propiedad flex para crear componentes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 112.0.5615.49 (Versión oficial) (x86_64) Enlace de demo reproducible https://jsfiddle.net/shomeelconovo/k7L2rthg/1/ Describe el bicho Necesito ayuda con algo relacionado con el grapes.js. He creado un proyecto y c...

artf

https://github.com/GrapesJS/grapesjs/discussions/5163#discussioncomment-6162516

GJS Helper

La diferencia en las propiedades predeterminadas de display entre tu proyecto de GrapesJS y la demo oficial proviene del CSS cargado en el iframe de canvas de GrapesJS , no de que GrapesJS en sí imponga display: table o display: flex unive...

#515631 de mayo de 2023por loclovepop3 respuestas
Reacciones 0

No se puede arrastrar y soltar en la pantalla del móvil, ni siquiera añadir grapejs-touch

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome, IOSEnlace de demo reproducible https://www.lovepoptestsite.com/products/disney-s-hocus-pocus-black-flame-candle-pop-up-card?variant=40356218077273&previewlink=124907487321 Contraseña: ilovecardsDescribe el bicho ¿Có...

loclovepop

screencast-www.lovepoptestsite.com-2023.06.01-001711.webm Este es un vídeo del bug

artf

Veo que el plugin táctil funciona correctamente, asegúrate de tener el dispositivo móvil activado al cargar (por ejemplo, no simulado después de cargar) para que el polyfill pueda cargarse correctamente.

GJS Helper

El problema que experimentas con el arrastrar y soltar que no funciona en pantallas móviles cuando GrapesJS está incrustado en tu entorno de "tienda de pruebas", a pesar de usar grapesjs-touch, es un problema común en aplicaciones web comp...

#515431 de mayo de 2023por jmtt894 respuestas
Reacciones 6

TS2416: La propiedad '_up' en el tipo 'PropertyStack' no se puede asignar a la misma propiedad en el tipo base 'PropertyComposite<PropertyStackProps>'

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? ---- Enlace de demo reproducible https://codesandbox.io/p/sandbox/pensive-browser-mfhxp8 Describe el bicho ¿Cómo reproducir el bicho? Crear Proyecto AngularAñadir grapeJS dependenciaincluir "allowSyntheticDefaultImports":...

marktamis

Copié algunos ajustes de tsconfig de un proyecto gjs de vite que funcionaba a mi proyecto stenciljs y ahora funciona correctamente. Creo que necesitas hacer algunos ajustes en tu tsconfig de Angular y ya no debería mostrar el error A conti...

Deepakanandrao

"skipLibCheck": cierto, "SkipLibCheck": verdadero "'' funcionó. ¡Gracias@marktamis 👍

artf

Sí, aquí es necesario 'skipLibCheck": true' hasta que encuentre la solución para esa salida 😞 TS

#514124 de mayo de 2023por rajevar3 respuestas
Reacciones 1

El componente reinicia los valores de los atributos al actualizar los rasgos (solo por primera vez)

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 113.0.5672.63 Enlace de demo reproducible https://jsfiddle.net/rajevar/zLs8q97f/4/ Describe el bicho Esto hace referencia a esta discusión https://github.com/GrapesJS/grapesjs/discussions/4759 ¿Cómo repr...

rajevar

Perdona, mi culpa. No estaba usando la última.

artf

@rajevar no puedo reproducirlo con la última versión, ¿estás seguro de que usas la última?

GJS Helper

Has identificado un problema común de sincronización en GrapesJS relacionado con cómo se gestionan los atributos de los componentes, especialmente cuando las clases se modifican mediante el Gestor de Estilos y luego se actualizan por prime...

#513120 de mayo de 2023por sdimitrenco2 respuestas
Reacciones 0

Después de JSON.stringify, los componentes no tienen todos los campos

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? ChromeEnlace de demo reproducible https://jsfiddle.net/sdimitrenco/rn8u4pc0/7/ Describe el bicho No estoy seguro de si es un error o no, pero para mí, el comportamiento parece extraño Tengo una lista de componentes que in...

artf

Si la propiedad tiene el mismo valor que la definición por defecto, se omit. Esto se controla mediante la opción de configuración 'avoidDefaults' y se recomienda encarecidamente mantener fiel a tener JSONS tan pequeños como sea posible.

GJS Helper

Este comportamiento no es un error, sino una optimización intencionada dentro de GrapesJS, que aprovecha Backbone.js modelos. Cuando serializas GrapesJS componentes a JSON, los atributos que coinciden con sus valores predeterminados para e...

#511013 de mayo de 2023por yashvi20262 respuestas
Reacciones 0

'enableEditing' está adjunto a la vista y puedes obtener su instancia del modelo, así que selecciona el componente y ejecuta esto en consola 'editor.getSelected().view.enableEditing()'

Estoy recibiendo editor.getSelected().view.enableEditing(); no es una función

artf

Por favor, evita abrir problemas de errores sin seguir la plantilla del problema. Puedes iniciar una nueva discusión con una descripción o caso de uso adecuado de lo que buscas.

GJS Helper

El error editor.getSelected().view.enableEditing() is not a function ocurre porque el método enableEditing no es una API pública disponible directamente en la instancia ComponentView (a la que editor.getSelected().view se refiere). El edit...

Explora todos los temas