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 43

🔍 keyboard
#419211 de marzo de 2022por drashtibpatel2 respuestas
Reacciones 0

Problema con el límite de arrastre con dragMode: absoluto/translate

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome, Firefox Enlace de demo reproducible https://jsfiddle.net/drashti/9xk5ph8j/1/ Describe el bicho Estoy usando el Grape JS builder para que mi cliente configure el builder y las plantillas. Para eso quiero el setDrag...

artf

No, por ahora no es posible. El dragMode no es una función pública real ni documentada, así que estoy recopilando aquí todos los problemas y funciones para soportar: https://github.com/artf/grapesjs/issues/3770#issuecomment-944915841

ClaudeCode

Gracias por informar de esto, @drashtibpatel. El problema con Problema de límite de arrastre con dragMode: absoluto/translate parece ser un problema de temporización de condición de carrera o de gestión de estado. Esto suele ocurrir cuando...

#416626 de febrero de 2022por AmeekoRespuesta 1
Reacciones 0

Gestor de estilos abierto - la clase se puede añadir pulsando la tecla ENTER

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v98 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho En el "Gestor de estilos abierto", la clase CSS puede añadirse pulsando la tecla ENTER. Si GrapesJS está dentro de una etiqueta Form,...

ClaudeCode

Gracias por informar de esto, @Ameeko. El problema con Open style manager - la clase puede añadirse pulsando la tecla ENTER parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando...

#40018 de diciembre de 2021por javadsamiee2 respuestas
Reacciones 0

No puede mantener la unidad actual cuando la primera entrada tiene valor Auto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 96.0.4664.93 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Crear un bloque nuevo, por ejemplo, Bloque de TextoNavegar dimensión > ancho (por defecto es Auto)Cambiar...

artf

Mirando la demo actual, parece que está solucionado.

ClaudeCode

Gracias por informar de esto, @javadsamiee. Buena pregunta sobre No puede contener la unidad actual cuando la primera entrada tiene valor Automático. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Con...

#40007 de diciembre de 2021por zachsnoek4 respuestas
Reacciones 0

Pegar un componente en la capa raíz del cuerpo genera TypeError

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v89 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?En la demo oficial, navega al gestor de capas y copia cualquier capa con 'cmd+c'Haz clic en la raíz de la c...

artf

Gracias@zachsnoek sí, como el envoltorio (cuerpo) es un componente raíz, no tiene la colección relacionada. Probablemente necesitemos actualizar la lógica de pegado, pero tu solución actual es un buen parche por ahora para evitar ese error...

zachsnoek

Gracias@zachsnoek sí, como el envoltorio (cuerpo) es un componente raíz, no tiene la colección relacionada. Probablemente necesitemos actualizar la lógica de pegado, pero tu solución actual es un buen parche por ahora para evitar ese error...

GuiMoraesDev

Chicos, estoy pasando por un problema similar Para mí, el error ocurre en FileUploader ! Captura de pantalla del 16-12-2021 17-10-32 He intentado participar en la demo de uvas para ver si este comportamiento también ocurre ahí, ¡y está pas...

#386112 de octubre de 2021por hemineiRespuesta 1
Reacciones 0

Error JS al pulsar la tecla "s" o "w" - No se pueden leer propiedades de undefined (leyendo 'indexOf')

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 94.0.4606.81 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho ¿Cómo reproducir el bicho?Seleccionar elemento del cuerpoPulsa la tecla "s" o "w" ¿Cuál e...

ClaudeCode

Gracias por informar de esto, @heminei. Buena pregunta sobre el error de JS al pulsar la tecla "s" o "w" - No se pueden leer propiedades de indefinidas (leyendo 'indexOf'). El enfoque recomendado con Canvas es usar la API orientada a event...

#373430 de agosto de 2021por anatoli-dp4 respuestas
Reacciones 2

¿Hay alguna forma de activar el guardado manualmente fuera del guardado automático?

Como dice la pregunta, ¿hay alguna forma de activar la función de guardado mediante comandos fuera del guardado automático? ¿No pares clave-valor, sino un comando que guarda instantáneamente todo el proyecto?

csechrist

'editor.store()' guardará el proyecto si tienes configurado un Gestor de Almacenamiento

artf

Sí, tienes que usar 'editor.store()'

anatole-dp

Editor.store() sin parámetros simplemente me envía datos vacíos.

#373127 de agosto de 2021por gustavohleal4 respuestas
Reacciones 1

El elemento de texto no puede seleccionarse dos veces después de extenderse con eventos

Versión: 0.17.25 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No ¿Cuál es el comportamiento esperado? Actualiza un componente existente del texto de tipografía añadiendo un evento a su vista. Describe el error detallado El evento se está añadiendo, pero una vez que selecciono otro componente no puedo volver al pri...

gustavohleal

Ese era realmente el problema. Gracias por responder. Voy a cerrar el asunto.

ronaldohoch

+1 :D Estamos intentando resolver este problema https://github.com/artf/grapesjs/issues/1136 Porque sigue ocurriendo cuando uso un CKEDITOR. ! imagen

artf

Los 'eventos' no se fusionan automáticamente con el componente extendido, así que tienes que hacerlo manualmente. '''js eventos: { ... domc.getType('text').view.prototype.events, Keypress: (e) => {...} } ```

#372726 de agosto de 2021por SintoDema4 respuestas
Reacciones 1

Problema sobre la importación de estilos

Hola @artf, Describe el error con detalle Mientras creaba una nueva plantilla usando GrapesJS, me encontré con un escenario en el que, cuando intentamos importar CSS desde el modal de importación, no se refleja en el editor. En un editor en blanco, he creado una plantilla con HTML y CSS añadiéndose.Después de eso, nec...

artf

Hola @javadsamiee el problema se solucionó en la última versión del plugin de presets

artf

Hola @SintoDema el problema está aquí https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18 Como ves, actualiza componentes pero no elimina el módulo de estilos. No...

javadsamiee

Hola @SintoDema el problema está aquí https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18Como ves, actualiza componentes pero no borra el módulo de estilos. No te...

#368710 de agosto de 2021por Joshmamroud4 respuestas
Reacciones 1

Los atajos de teclado/mapas de teclas no funcionan

Versión: 0.17.22 ¿Puedes reproducir el error de la demo?[ ] Sí[X] No No puedo reproducirlo en una demo, pero puedes verlo por ti mismo si inicias sesión en Documint usando las siguientes credenciales:Correo electrónico: [email protected]: demo Luego haz un cambio en la plantilla y prueba a usar 'ctrl+z' ¿Cuál es el c...

Joshmamroud

Tenías razón, no era React ni GrapesJS. La propagación de eventos se detenía gracias al componente rc-drawer que estaba usando. @artf gracias por tu ayuda, esto ha sido un problema desde el primer día.

artf

Oye, @Joshmamroud tenemos este código que propaga eventos de 'keydown keyup keyup keypress' al documento padre, esto permite que funcionen los keymaps, asegúrate de no contener ningún código o componente que impida la propagación de esos e...

Joshmamroud

Hola @artf, creo que puede estar bloqueado por React. ¿Alguna sugerencia sobre cómo volver a vincular a estos oyentes del evento? Ni siquiera estoy seguro de si esa es la solución o el camino correcto.

#354919 de junio de 2021por anlumoRespuesta 1
Reacciones 0

CreateCustomEvent no gestiona correctamente los eventos del ratón

Versión: 0.17.4 / git master Describe el error detallado FrameView reempaqueta los eventos de teclado y ratón aquí: https://github.com/artf/grapesjs/blob/07061ae1307fedf2a3b9bd585ce0cb30f653f112/src/canvas/view/FrameView.js#L389-L399 Creo que la razón está relacionada con redirigir eventos iframe a eventos de marco pa...

ClaudeCode

Gracias por informar de esto, @anlumo. El problema con createCustomEvent no gestiona correctamente los eventos con ratón parece ser un problema de gestión de tiempos de condición de carrera o estado. Esto suele ocurrir cuando los eventos d...

Explora todos los temas