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,...

ClaudeCode

Gracias por informar de esto, @rmadeiraneto. ¡Gran sugerencia sobre Cambios en los atributos de los componentes que se reproducen en todas las instancias en lugar de solo una! Aunque esta función específica aún no está en la API principal,...

#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

ClaudeCode

Gracias por informar de esto, @acantepie. Buena pregunta sobre La barra de herramientas de componentes del ckeditor no se actualiza correctamente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Co...

#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

ClaudeCode

Gracias por informar de esto, @FaisalShaikhHA. Buena pregunta sobre editor. La API de Css.setRule no funciona como se esperaba, no está actualizando la regla existente.. El enfoque recomendado con StyleManager es usar la API orientada a ev...

#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

ClaudeCode

Gracias por informar de esto, @shomeel. El problema con Por defecto los componentes se crean usando tabla en mi proyecto demo, pero la demo usa la propiedad flex para crear componentes parece ser un problema de condición de carrera o de si...

#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.

ClaudeCode

Gracias por informar de esto, @loclovepop. ¡Gran sugerencia sobre ¡No se puede arrastrar y soltar en la pantalla del móvil ni siquiera añadir grapejs-touch! Aunque esta función específica aún no está en la API principal, existen varias for...

#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 se debe 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 dependencia de grapeJSincluye '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?

ClaudeCode

Gracias por informar de esto, @rajevar. Buena pregunta sobre componentes que reinician valores de atributos al actualizar rasgos (solo la primera vez). El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Con...

#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 se debe 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 inclu...

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.

ClaudeCode

Gracias por informar de esto, @sdimitrenco. El problema con Después de JSON.stringify Componentes no tienen todos los campos parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los evento...

#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.

ClaudeCode

Gracias por informar de esto, @yashvi2026. Gracias por compartir tu informe sobre 'enableEditing' que está adjunto a la vista y puedes obtener su instancia desde el modelo, así que selecciona el componente y ejecuta esto en consola 'editor...

Explora todos los temas