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
#408220 de enero de 2022por jloguercio3 respuestas
Reacciones 0

Elimina algunos estilos iniciales del lienzo del marco

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible Sin demo Describe el bicho Cuando cargo una plantilla, el editor añade algunos estilos iniciales como la imagen de abajo, ¿cómo puedo configurar o eliminar algunos o esos estilos? Po...

artf

Revisa las opciones de configuración del editor principal (por ejemplo, 'baseCss') https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js Y por favor, no utilicéis los errores de los problemas para las preguntas, en ese caso...

jloguercio

Muchas gracias

ClaudeCode

Gracias por informar de esto, @jloguercio. El problema con Eliminar algunos estilos iniciales del lienzo del marco parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vi...

#407917 de enero de 2022por jloguercio2 respuestas
Reacciones 0

La nueva versión v0.18.1 rompe el script para hacer !important en styleable:change

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible Sin demo Describe el bicho Uso el código de abajo para hacer que todos los estilos sean !importantes '// Haz que todos los estilos sean importantes para anular las clases de elemento...

artf

Oye, tío, ni siquiera he terminado de escribir el comunicado 😅, cálmate... Lee aquí, por favor https://github.com/artf/grapesjs/releases/tag/v0.18.1 Style Manager se actualizó mucho, si algo no funciona, nadie te obliga a actualizar...

ClaudeCode

Gracias por informar de esto, @jloguercio. El problema con La nueva versión v0.18.1 rompe el script para hacer !importante en styleable:change parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto s...

#407617 de enero de 2022por diemkay4 respuestas
Reacciones 0

Vulnerabilidad XSS mediante atributos de componentes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 97.0.4692.71 Enlace de demo reproducible https://jsfiddle.net/ovrz5ug2/4/ Describe el bicho Hola, nos encontramos con esta vulnerabilidad XSS usando GrapesJS en un escenario multijugador, con varios usuarios privil...

artf

Gracias @diemkay por favor consulta este problema si tienes alguna sugerencia: https://github.com/artf/grapesjs/issues/3082

diemkay

@artf Gracias, pero ya he visto esa multa y no cubre el problema que describo aquí. La inyección no está en Vista Previa en Vivo, está en el Gestor de Estilos, donde intenta mostrar el 'id' del componente configurando '.innerHtml'.

artf

Sí, perdón, cerré demasiado pronto 😁. Intentaré arreglarlo para la próxima entrega.

#407114 de enero de 2022por clonefunnels2 respuestas
Reacciones 0

Las imágenes de fondo en la página no funcionan porque el CSS carga sin ; al final de la URL

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome y Firefox Enlace de demo reproducible https://www.teamfunnels.net/login.php demo demo Describe el bicho Falta; después de .png) El editor carga así cuando hay imágenes de fondo en la página y no se muestran. <style...

clonefunnels

Creo que causé este problema con un cambio de cuerda. Perdón

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con las imágenes de fondo en la página no funciona porque el CSS carga sin ; al final de la URL parece haber una condición de raza o un problema de sincronización de gestión de estad...

#40598 de enero de 2022por miladmeidanshahi2 respuestas
Reacciones 1

La función de escape del selector no soporta clases tailwindss.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v97Describe el bicho En la línea https://github.com/artf/grapesjs/blob/dev/src/selector_manager/model/Selector.js#L171 la función de escape del selector no permite '/' y '.' por lo que no podemos usar algunas clases...

miladmeidanshahi

Perdona, encontré muy tarde esta configuración https://github.com/artf/grapesjs/blob/e52b5c29e4346dba7367b769a44d99a2226e025f/src/selector_manager/config/config.js#L17

ClaudeCode

Gracias por informar de esto, @miladmeidanshahi. El problema con la función de escape del selector no soporta clases tailwindcss parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir c...

#40588 de enero de 2022por clonefunnels2 respuestas
Reacciones 0

El guion cambiado a "por el editor desajusta la programación moderna".

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible No es necesario - Problema obvioDescribe el bicho Esto es lo que el código necesita ser: data-zanim-lg='{"from":{"opacity":1,"x":70},"to":{"opacity":1,"x":0},"ease":"CubicBezier,"duration":...

artf

Esto no es un error, sino cómo funciona el escape de atributos en HTML. '''js domEl.innerHTML = '<div data-attr='{"key": "value"}'>Text</div>'; domEl.innerHTML; -> '<div data-attr=&quot;{&quot;key&quot;: &quot;value&quot;}&quot;>Text</div>...

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con Guion cambiado a " por el editor altera la programación moderna. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuan...

#40422 de enero de 2022por sanjanaadeshra3 respuestas
Reacciones 0

Los iconos no se cargan al cargar dentro de una aplicación angular

Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://stackblitz.com/edit/angular-dei45q?file=src%2Fapp%2Fapp.component.tsDescribe el bicho He añadido una imagen adjunta para dar una idea de cómo es el editor ¿Cuál es el comportamiento esperado...

sanjanaadeshra

Pude solucionar este problema añadiendo los iconos de font awesome css directamente al archivo grape.min.css. No sé por qué tuvo que hacerse eso si el CSS ya se estaba importando, funciona con esa solución alternativa, pero sería mejor si...

artf

Tu demo no parece cargar, y la versión de grapesjs que usas ahí está bastante desactualizada ('0.14.15'). Por favor, actualiza y la próxima vez abre el nuevo problema de bugs respecto a la última versión.

ClaudeCode

Gracias por informar de esto, @sanjanaadeshra. El problema con los iconos no se cargan al cargar dentro de una aplicación angular parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir...

#403931 de diciembre de 2021por sridhar3912 respuestas
Reacciones 0

Al arrastrar y soltar bloques en el editor de Chrome, se genera un error

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromw 96.0.4664.45 Enlace de demo reproducible https://thanhtunguet.github.io/grapesjs-react/?path=/story/grapesjsreact--primary Describe el bicho ¿Cómo reproducir el bicho?Arrastrar y soltar los bloques básicos en el ed...

artf

Por tu demo, veo que usas la versión '0.16.45'. Por favor, abre el problema de errores solo para la última versión.

ClaudeCode

Gracias por informar de esto, @sridhar391. Buena pregunta sobre Cuando arrastras y soltas bloques en el editor en Chrome, error lanzado. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la docu...

#403730 de diciembre de 2021por denisdal2 respuestas
Reacciones 0

Al pegar texto plano en un elemento de texto en Chrome

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 96.0.4664.110 Enlace de demo reproducible No tengo uno público Describe el bicho ¿Cómo reproducir el bicho?Editor del boletín de Chrome and GrapesArrastra un elemento "Texto" a la página y escribe algo en él.En el...

artf

La plantilla exportada por defecto en HTML no tiene ninguna referencia al componente de texto, así que no hay forma de saber entre todas las etiquetas posibles dónde debería identificarse el componente de texto. Por eso, cuando almacenas y...

ClaudeCode

Gracias por informar de esto, @denisdal. Buena pregunta sobre Al pegar texto plano en un elemento de texto en Chrome. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...

#403328 de diciembre de 2021por 0xcrypto2 respuestas
Reacciones 1

Enlace incorrecto y error tipográfico en la documentación

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? N/A Enlace de demo reproducible https://github.com/artf/grapesjs/blob/849a28757dc8dcd059c5ee6e6ac1bfd8b49a78b2/docs/modules/Blocks.md?plain=1#L138 Describe el bicho Solo un pequeño error tipográfico con un enlace localhos...

artf

Gracias@0xcrypto se arreglará 👍

ClaudeCode

Gracias por informar de esto, @0xcrypto. El problema con enlace incorrecto y error tipográfico en la documentación parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los evento...

Explora todos los temas