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 743

🔍 bug
#637316 de enero de 2025por ChipiKaf2 respuestas
Reacciones 1

El redimensionamiento del hijo con resistencia absoluta habilitó posiciones erróneamente cuando está en el Padre con posición relativa

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 131.0.6778.265 Enlace de demo reproducible https://codepen.io/chipikaf/pen/KwPexjL Describe el bicho ¿Cómo reproducir el bicho? Suelta el componente de botón en la sección central Mueve el botón a cualquier parte de la sec...

ChipiKaf

@artf tengo una solución local. Básicamente, lo que hago es comprobar si el elemento tiene un padre con posición relativa, y luego desplazo el rectángulo por la altura del padre si existe y es relativo a la posición. ¿Puedo crear un récord...

ClaudeCode

Gracias por informar de esto, @ChipiKaf. Buena pregunta sobre El redimensionamiento del hijo con posiciones habilitadas por arrastre absoluto se altera incorrectamente cuando está en el padre con posición relativa. El enfoque recomendado c...

#636914 de enero de 2025por hubermat2 respuestas
Reacciones 0

El orden de visualización del radio del borde no es correcto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v130 Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho?En el editor, seleccione cualquier elementoEn la sección de estilos, ve al radio de fron...

DarrenHou1993

Este cambio soluciona el problema de la interfaz, pero aquí introduce un problema de valor. Al establecer el radio de la esquina inferior izquierda, en realidad modifica la esquina inferior derecha.

ClaudeCode

Gracias por informar de esto, @hubermat. Buena pregunta sobre El orden de visualización del radio de borde no es correcto. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#63658 de enero de 2025por MLMarxx4 respuestas
Reacciones 0

El Style Manager no interpreta correctamente los selectores descendientes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 131.0.6778.205 Enlace de demo reproducible https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 Describe el bicho Cómo reproducir el error:Añadir la clase 'estilo oscuro' al cuerpo: '''js editor....

artf

Sí, eso no está soportado porque podría haber implicaciones de rendimiento al intentar igualar cualquier posible regla ahí. Lo que sí puedes hacer es seleccionar cualquier regla a través de styleManager.select

MLMarxx

Vale, gracias por la aclaración; actualmente uso select, ¿alguna idea de cómo dirigir las etiquetas de medios de esa manera?

artf

Puedes obtener el CSSRule que necesitas ('getRule') y luego pasarlo a styleManager.select

#635819 de diciembre de 2024por rhoenerSBS2 respuestas
Reacciones 0

La configuración de BlockManager "appendOnClick" ya no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v131 Enlace de demo reproducible https://jsfiddle.net/0uaxn2vc/2/ Describe el bicho ¿Cómo reproducir el bicho?Abrir enlace al violínseleccionar el cuerpo u otro componente donde se puedan añadir componentesintenta...

artf

Gracias @rhoenerSBS el problema se solucionó aquí y estará disponible en la próxima versión.

ClaudeCode

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre la configuración de BlockManager "appendOnClick" ya no funciona. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la docum...

#635713 de diciembre de 2024por Harshsne26Respuesta 1
Reacciones 0

!important se añade a todos los estilos de componentes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/YPKwRBg Describe el bicho ¿Cómo reproducir el bicho?Añadir componente de fila desde el gestor de bloques.Cambiar su ancho en StyleManager. (!important se...

ClaudeCode

Gracias por informar de esto, @Harshsne26. Buena pregunta sobre !importante se añade a todos los estilos de componentes. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#635413 de diciembre de 2024por RakulAgn2 respuestas
Reacciones 0

ErrorTipo no capturado: No se pueden establecer propiedades de null (configurar '_isEditor')

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Simplemente visita el sitio de demostración de Grapesjs, el lienzo no se ha representado ¿Cuál es el comportamiento...

artf

Cerrando esto mientras la demo parece funcionar bien, quizá tenga que ver con la caché o las extensiones del navegador

ClaudeCode

Gracias por informar de esto, @RakulAgn. Buena pregunta sobre ErrorTipoUncatch: No se pueden establecer propiedades de null (configurar '_isEditor'). El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consu...

#63487 de diciembre de 2024por Frubl2 respuestas
Reacciones 1

Es posible arrastrar y soltar literalmente cualquier cosa dentro del lienzo de grapesjs

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Prueba a seleccionar, por ejemplo, herramientas/texto/todo en la barra lateralAgárrala y déjala caer sobre la l...

artf

Puedes tomar el control de lo que se deja caer dentro del lienzo mediante el evento 'canvas:dragdata' https://jsfiddle.net/artur_arseniev/87rcb24n/

ClaudeCode

Gracias por informar de esto, @Frubl. Buena pregunta sobre Es posible arrastrar y soltar literalmente cualquier cosa dentro del lienzo de grapesjs. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consult...

#63456 de diciembre de 2024por VanTranTrucPhuong2 respuestas
Reacciones 1

No se puede seleccionar + SHIFT para seleccionar texto masivo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 131.0.6778.109 (Versión oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor Describe el bicho ¿Cómo reproducir el bicho?Coloca el puntero del ratón en la posición inic...

sirbeagle

Creo que he atribuido esto a un conflicto con la capacidad de seleccionar varios bloques al mismo tiempo. Comentando '''s Esto.ClearSelection(esto. Canvas.getWindow()); ``` En la línea 539 de /src/editor/model/Editor.ts parece impedir que...

ClaudeCode

Gracias por informar de esto, @VanTranTrucPhuong. Buena pregunta sobre No se puede seleccionar + SHIFT para seleccionar texto en bloque. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la docu...

#633226 de noviembre de 2024por tim-promRespuesta 1
Reacciones 0

IMG SRCset 404 causa bucle de peticiones infinito

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v131Enlace de demo reproducible https://jsfiddle.net/cmq9end2/1/Describe el bicho ¿Cómo reproducir el bicho?Añadir un img al lienzo con una URL inválida en el srcset Revisa la pestaña de red en la consola de desarrol...

ClaudeCode

Gracias por informar de esto, @tim-prom. Buena pregunta sobre img srcset 404 causa bucle de peticiones infinito. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de t...

#632422 de noviembre de 2024por badiuciprian4 respuestas
Reacciones 2

Sorter.setDragHelper no es una función sobre arrastre de bloques

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? 131.0.6778.86Enlace de demo reproducible https://jsfiddle.net/badiuciprian/qe28obhr/1/Describe el bicho ¿Cómo reproducir el bicho?intenta arrastrar cualquier bloque al lienzo ¿Cuál es el comportamiento esperado? El componen...

mohamedsalem401

Conseguí reproducirlo. Solo ocurre en 'nativeDnD: false'. Probablemente esto haga que la vista de bloques use la API del clasificador antiguo. Intentaré intentar intentar una solución para esto.

artf

@mohamedsalem401 puedes comprobar este, por favor?

badiuciprian

Gracias por encargarte de esto. Estaré atento a la actualización.

Explora todos los temas