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 3,464

#533024 de agosto de 2023por rozek3 respuestas
Reacciones 0
bugtypescriptquestion

La última versión (commit 4F0C5B1) ya no compila sin errores

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? ninguno Enlace de demo reproducible ninguno Describe el bicho 'yarn build' falla con dos errores: Esto quizá sea simplemente un problema de que TypeScript es demasiado exigente, porquepuedes desactivar los mensajes de err...

artf

Gracias@rozek lo arreglaré ahora

rozek

¡Muchas gracias!

ClaudeCode

Gracias por informar de esto, @rozek. El problema con última versión (commit 4f0c5b1) ya no compila sin errores parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos...

Ver detalles
#532822 de agosto de 2023por sdimitrenco2 respuestas
Reacciones 0
componentsbugquestiontypescript

Texto editable tras eliminar el foco de RTE, devuelve el estado anterior del contenido.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/sdimitrenco/wao1rh0q/30/ Describe el bicho Esa es mi estructura de componentes Si cambio el texto en la etiqueta span del editor de texto y luego elimino el foco de...

artf

No deberías tener '"contenido"' dentro de tu espacio de texto, de hecho si lo sustituyes por '"components": '[email protected]', funcionará correctamente.

ClaudeCode

Gracias por informar de esto, @sdimitrenco. El problema con texto editable tras eliminar el foco de RTE, devuelve el estado anterior del contenido. parece ser una condición de carrera o un problema de sincronización de gestión de estado. E...

Ver detalles
#532521 de agosto de 2023por bohwazRespuesta 1
Reacciones 0
keyboardquestionbugundo-manager

Deshacer (Ctrl+Z) no cancela el acceso directo del teclado del navegador

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Vivaldi Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Pulsa Ctrl+Z después de realizar una acción para deshacerlaLa acción se invierte, pero mi navegador también vu...

ClaudeCode

Gracias por informar de esto, @bohwaz. Buena pregunta sobre Deshacer (Ctrl+Z) que no cancela el acceso directo de teclado del navegador. El enfoque recomendado con UndoManager es usar la API orientada a eventos. Empieza aquí: Consulta la d...

Ver detalles
#532018 de agosto de 2023por SwapnilSoni19994 respuestas
Reacciones 0
questionbugtypescript

Upload Image o Asset no se activa al seleccionar archivo/imagen

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v114 Enlace de demo reproducible ninguno Describe el bicho ¿Cómo reproducir el bicho?Estoy usando grapesjs-react y 'assetManager'Mi configuración es esta '''js { upload: '${globals.settings.cmsUrl}/upload-image', u...

iamuddeshya

Enfrentando el mismo problema

deepanshu-ht

++ 1

artf

Acabo de probar la misma configuración y todo funciona como se esperaba. Podría estar relacionado con tu versión de grapesjs o con el propio 'grapesjs-react'. Por favor, evita crear problemas de BUGS si no puedes proporcionar una demo repr...

Ver detalles
#531918 de agosto de 2023por AFriboulet-ii2 respuestas
Reacciones 0
questioncomponentsbugcanvasstyle-manager

Deshacer no actualiza la clase en el componente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome V116.0.5845.96 Enlace de demo reproducible https://jsfiddle.net/Adrien_Friboulet/npdkshaf/8/ Describe el bicho https://github.com/GrapesJS/grapesjs/assets/128728949/e85b65c4-53ad-43d0-9f5f-74dc0a181dd0 ¿Cómo reprod...

artf

Gracias @AFriboulet-ii, lo arreglaré para la próxima versión.

ClaudeCode

Gracias por informar de esto, @AFriboulet-ii. Buena pregunta sobre Deshacer no actualiza la clase en el componente. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...

Ver detalles
#531617 de agosto de 2023por BenKhz3 respuestas
Reacciones 0
questioncomponentsbugdocumentationcanvas

El editor no se suscribe a selector:remove

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v115.0.5790.170 Enlace de demo reproducible https://jsfiddle.net/BenKhz/yfwqc6mu/1/ Referenciando La documentación aquíDescribe el bichoViolín disponible AquíSeleccionar un componente en el lienzo y añadir una clase...

artf

Hola @BenKhz eso ocurre porque los eventos 'selector*' están relacionados con el contenedor global de Selectores (cuando eliminas un selector del componente, el propio Selector sigue ahí porque podría usarse en otros lugares), si quieres r...

BenKhz

¡Ah! Estaba malinterpretando. Gracias por la aclaración. ¡Sigue así!

ClaudeCode

Gracias por informar de esto, @BenKhz. El problema con Editor que no se suscribe a selector:remove parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de...

Ver detalles
#531217 de agosto de 2023por srinivas9772 respuestas
Reacciones 0
questionbugenhancementdocumentationtypescript

Problema con el editor de texto enriquecido Acción de sangría para listas

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome V115Enlace de demo reproducible https://jsfiddle.net/srinivas977/ahgLxv6e/10/Describe el bicho ¿Cómo reproducir el bicho? En el JSFiddle proporcionado, incluye un par de líneas de texto y selecciona listas. A continu...

artf

Desafortunadamente, como la implementación por defecto depende del execCommand obsoleto, hay demasiados casos límite que manejar y ya no merece la pena dedicarle tiempo. Te sugeriría confiar solo en él para el formato básico (por ejemplo,...

ClaudeCode

Gracias por informar de esto, @srinivas977. ¡Gran sugerencia sobre Problema con el editor de texto enriquecido Acción de sangría para listas! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr u...

Ver detalles
#530513 de agosto de 2023por rajevar2 respuestas
Reacciones 0
questioncomponentsbugcanvastypescript

El evento "component:add" se activa cuando se mueven componentes

Versión GrapesJS 0.21.4[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/szLp8h4n/11/Describe el bicho ¿Cómo reproducir el bicho? Mueve cualquiera de los componentes de texto dentro de la página. Se mostrará...

artf

Hola @rajevar creo que buscas el evento 'component:create', ya que 'component:add' funciona como se espera (por ejemplo, podría usarse para seguir cualquier movimiento nuevo dentro de un componente específico).

ClaudeCode

Gracias por informar de esto, @rajevar. Buena pregunta sobre los activadores del evento "component:add" cuando se mueven componentes. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documenta...

Ver detalles
#529710 de agosto de 2023por FahemAhmad2 respuestas
Reacciones 0
questioncomponentsbugstyle-managerkeyboard

GetJS no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 115.0.5790.171 (Versión oficial) (64 bits)Enlace de demo reproducible https://codesandbox.io/s/1r0w2pk1vl?file=/index.htmlDescribe el bicho ¿Cómo reproducir el bicho?... Añade este tipo de formulario y este bloque d...

artf

El 'getJs' devuelve el JS de tu modelo de componentes (el que colocarías dentro de 'model.defaults.script'), no la vista de componentes. Por favor, lee atentamente Componentes y JS

ClaudeCode

Gracias por informar de esto, @FahemAhmad. Buena pregunta sobre que getJS no funciona. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico...

Ver detalles
#529310 de agosto de 2023por craigharman2 respuestas
Reacciones 0
questionbugstyle-manager

No se puede sobrescribir la clase seleccionada por GJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Arco 1.1.1 Enlace de demo reproducible https://jsfiddle.net/3bprucnv/3/ Describe el bicho ¿Cómo reproducir el bicho? Añadir una regla CSS personalizada para .gjs-selected, por ejemplo, Cambia el color del borde a rojo. .g...

artf

Por favor, consulta https://github.com/GrapesJS/grapesjs/issues/3515

ClaudeCode

Gracias por informar de esto, @craigharman. Buena pregunta sobre No se puede sobrescribir la clase seleccionada por GJS. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

Ver detalles

Explora todos los temas