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
#42332 de abril de 2022por clonefunnelsRespuesta 1
Reacciones 0

Insertar estilos desde StyleManager con !importante roto

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/q7cxvpf5/1/ Describe el bicho Cuando uso este código, deja de funcionar tras un cambio de div y ya no acepta más cambios de estilo en ningún otro div: editor.on('sty...

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con insertar estilos de StyleManager con !importante roto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los even...

#422530 de marzo de 2022por Sudhin354 respuestas
Reacciones 0

ERROR: El plugin de Facebook no funciona en el js de uvas

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v9Enlace de demo reproducible No está ahíDescribe el bicho ¿Cómo reproducir el bicho?Instalar el Grapes js en la app React y ejecutarloCrea los componentes del plugin de Facebook e importalos en Grapes Js (consigue e...

Sudhin35

@artf Por favor, ayúdame con esto

artf

No veo ningún problema cuando ejecuto 'editor.setComponents(... FB HTML..)` ! Schermata 2022-03-30 alle 16 30 46 Por favor, proporcione una demo reproducible.

Sudhin35

@artf Gracias por la respuesta pero has añadido editor.setComponents(... FB HTML..) por defecto y luego cargó el editor Por favor, crea un componente de FB HTML y arrastra y suelta el componente en el editor, no cargará Así lo he intentado

#421325 de marzo de 2022por confettidc2 respuestas
Reacciones 0

Botones RTE súper grandes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 98.0.2 (64 bits) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Solo tienes que ir al sitio de demostración usando Firefox ¿Cuál es el comportamiento espera...

artf

Esto ya se solucionó aquí https://github.com/artf/grapesjs/issues/4176 y estará disponible en la próxima versión.

ClaudeCode

Gracias por informar de esto, @confettidc. Buena pregunta sobre botones RTE súper grandes. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específi...

#420822 de marzo de 2022por ronaldohoch4 respuestas
Reacciones 2

Error de estado de clic de estilo en todos los elementos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave Last, probado en Chrome Last y Safari Last. Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Tengo un vídeo: https://www.loom.com/share/508e91098bf247bd93d525f2e...

artf

Gracias por el informe @ronaldohoch Esto se corregirá en la próxima versión.

ronaldohoch

@artf funcionado! Gracias 😊

ronaldohoch

@artf no pude ejecutarlo localmente porque varios exámenes no aprobaron, ¿te pasa a ti también? ¿Puedo intentar arreglarlos? Por ejemplo: ! imagen

#419615 de marzo de 2022por shelendravashishtha24 respuestas
Reacciones 0

El IDS cambia al intentar configurar componentes en el lienzo usando json

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible sin enlace Describe el bicho ¿Cómo reproducir el bicho?... Usa un JSON de demostración que pueda generar algún componente en el lienzo, establece un ID en atributos ... usa editor.setCom...

artf

Hola @shelendravashishtha2 ¿podrías indicar los pasos exactos (necesito saber a qué te refieres el 'json')?

JonathanRiche

He visto que esto también ocurre si no guardas una referencia en el CSS antes de usar el método editor.setComponents() Todo el marcado CSS del selector/referencia de elements id se elimina al usar el método editor.setComponents() Los pasos...

JonathanRiche

Creo que encontré el problema en mi parte usando editor.getComponents().toJSON(); añade un campo vacío "style":"" a algunos componentes que está limpiando su CSS es "componentes": [ { "tipo": "caja", "estilo": "", "atributos": { "id": "ic7...

#419515 de marzo de 2022por varadero4 respuestas
Reacciones 1

El texto desaparece si se pega una segunda vez en el bloque de texto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 99 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Abrir https://grapesjs.com/demo.html y eliminar todas las secciones de muestraColoca una "sección de texto"A...

jmaks1

@artf El problema es relevante para la última versión. (v0.19.4) El error ocurre si copias y pegas un componente anidado mientras editas texto. Un paste normal (cmd + v) copia todo el html, incluido id, y tras eliminar el focus, se elimina...

varadero

Puedo confirmar que este problema solo ocurre con Grapesjs 0.18.3; he degradado a 0.18.2 y el problema no ocurre. Las versiones antiguas también están bien.

jmaks1

puedo confirmar que este problema solo ocurre con Grapesjs 0.18.3: he degradado a 0.18.2 y el problema no ocurre. Las versiones antiguas también están bien. en la versión 0.18.2, los componentes anidados no se creaban dentro del texto.

#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...

#419110 de marzo de 2022por mastercorp-usa4 respuestas
Reacciones 1

Estamos intentando almacenar los datos del editor grapesJS en la aplicación Angular 10, obteniendo un error CORS, imagen adjunta abajo

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 99.0.4844.5 Enlace de demo reproducible https://jsfiddle.net/ct5r4kvg/ Describe el bicho ¿Cómo reproducir el bicho?Integrado en la aplicación Angular 10 con el siguiente códigoMientras se ejecuta, estamos recibiendo un erro...

lalitog

Mi script del lado del servidor está en PHP, así que he añadido este código en mi script y me funciona bien - cabecera ('Access-Control-Allow-Origin: *'); cabecera ('Access-Control-Allow-Methods: GET, POST'); encabezado("Access-Control-All...

mastercorp-usa

Por favor, ¿alguien nos ayude con este problema? Para mí es muy urgente

artf

Los problemas de CORS no tienen nada que ver con GrapesJS

#418910 de marzo de 2022por vladninjaRespuesta 1
Reacciones 0

El componente se desactivaba cuando se cambiaban los ajustes (usando terceros por ejemplo React/Vue)

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 98 Enlace de demo reproducible https://codesandbox.io/s/grapesjs-react-components-n6sff?file=/src/base-react-component.js Describe el bicho ¿Cómo reproducir el bicho?Seleccionar el componente "Listado"Abrir configu...

ClaudeCode

Gracias por informar de esto, @vladninja. Buena pregunta sobre El componente se desactivó cuando se cambiaron los ajustes (usando terceros por ejemplo React/Vue). El enfoque recomendado con Componentes es utilizar la API orientada a evento...

#41889 de marzo de 2022por levinhtinRespuesta 1
Reacciones 0

La <linearGradient> etiqueta SVG se <lineargradient> convierte en lienzo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Microsoft Edge Versión 99.0.1150.30 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?He creado un bloque personalizado con SVG, por ejemplo:Cuando dejo caer un compone...

ClaudeCode

Gracias por informar de esto, @levinhtin. Excelente pregunta sobre <linearGradient>SVG tag become <lineargradient> in canvas. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

Explora todos los temas