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 336

🔍 style-manager
#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...

#401515 de diciembre de 2021por YairNa3 respuestas
Reacciones 0

El arrastrar y soltar no funciona bien en el caso de RTL

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible https://jsfiddle.net/emgbo8k1/3/ Describe el bicho ¿Cómo reproducir el bicho?añadir el bloque de 3 columnas al lienzoarrastrar y soltar para cambiar el orden de las columnas ¿Cuál es...

sridhar391

@YairNa También nos hemos enfrentado al mismo problema, por favor consulta el enlace https://github.com/artf/grapesjs/issues/4094

JSSaint

@YairNa @sridhar391 no es un problema de RTL. Solo el navegador Chrome que tenemos tenemos este problema. Firefox funciona correctamente.

ClaudeCode

Gracias por informar de esto, @YairNa. Buena pregunta sobre arrastrar y soltar que no funciona bien en caso de RTL. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grap...

#401011 de diciembre de 2021por clonefunnelsRespuesta 1
Reacciones 0

Versión GrapesJS

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://www.teamfunnels.net/login.php demo demo Describe el bicho Cuando uso este código para que todo el estilo sea importante... editor.on('styleable:change', (model, propert...

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con * parece ser una condición de carrera o un problema de temporización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modif...

#39977 de diciembre de 2021por kuhelbeher2 respuestas
Reacciones 0

No se puede eliminar el borde del elemento

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible https://codesandbox.io/s/grapes-border-issue-94lje Describe el bicho ¿Cómo reproducir el bicho?Seleccionar bloque con bordes superior e inferiorIr al panel de estilo -> Decoraciones...

artf

Hola @kuhelbeher con el nuevo lanzamiento de https://github.com/artf/grapesjs/releases/tag/v0.18.1 esto se puede manejar. El principal problema aquí es cómo está configurada la propiedad de borde incorporada, que es un tipo compuesto de 'a...

ClaudeCode

Gracias por informar de esto, @kuhelbeher. Buena pregunta sobre No se puede eliminar el borde de elemento. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de t...

#397525 de noviembre de 2021por Sudhin352 respuestas
Reacciones 0

Imagen de fondo Empieza a duplicarse en todas las páginas si añadimos solo para una página

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v9Enlace de demo reproducible NadaDescribe el bicho ¿Cómo reproducir el bicho?Implementar el concepto de multipágina Crea las 3 páginasHaz clic en la imagen de fondo en decoraciones (Style Manager) y añádela a la pri...

artf

Por favor, comprueba esta opción primero https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors Si aún tienes problemas, abre un problema de bugs adecuado con un enlace de demostración reproducible.

ClaudeCode

Gracias por informar de esto, @Sudhin35. Buena pregunta sobre La imagen de fondo empieza a duplicarse en todas las páginas si añadimos solo para una página. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empiez...

#397223 de noviembre de 2021por ronaldohoch2 respuestas
Reacciones 1

No se puede soltar un IMG dentro de la etiqueta NoScript

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave Versión 1.32.106 Chromium: 96.0.4664.45 (Versión oficial) 64 bits Enlace de demo reproducible https://jsfiddle.net/960huLz5/ Describe el bicho ¿Cómo reproducir el bicho?Uvas abiertasejecutar: 'editor.addComponents('...

artf

Hola @ronaldohoch gracias por el informe. Lo que dices es cierto, pero desafortunadamente, este es el resultado del análisis del HTML nativo DomParser, así que no veo una forma adecuada de solucionarlo. '''js const parser = nuevo DOMParser...

ClaudeCode

Gracias por informar de esto, @ronaldohoch. Buena pregunta sobre no se puede soltar un img dentro de la etiqueta noscript. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#394816 de noviembre de 2021por Sudhin352 respuestas
Reacciones 0

Mis Opciones (en rasgos) para un componente seleccionado se reinician cada vez que recarga la página

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible No está ahí Describe el bicho ¿Cómo reproducir el bicho?Instalar Grapes js e implementar el código select componentArrastrar el componente select al editorHaz clic en el componente selec...

artf

Hola @Sudhin35 por favor sigue esta API para tus rasgos personalizados y te recomiendo encarecidamente guardar tus opciones como propiedad de componente en lugar de usar componentes internos

ClaudeCode

Gracias por informar de esto, @Sudhin35. Buena pregunta sobre Mis opciones (en rasgos) para un componente selecto que se reinicia cada vez que recarga la página. El enfoque recomendado con StyleManager es usar la API orientada a eventos. E...

Explora todos los temas