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 877

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

#402922 de diciembre de 2021por jloguercio2 respuestas
Reacciones 0

Arrastrar bloques a Canvas cuando tienes 1000+ bloques personalizados

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v96Enlace de demo reproducible Sin demoDescribe el bicho ¿Cómo reproducir el bicho?Añadir al gestor de bloques más de 1000 bloques, en mi caso 7.864 iconos de fuente impresionantes.Intenta arrastrar cualquier bloque...

artf

En tu caso, te sugeriría crear un gestor de bloques personalizado donde puedas adaptar la interfaz de usuario de tus bloques como quieras (por ejemplo, búsqueda, virtualización del DOM, etc.)

ClaudeCode

Gracias por informar de esto, @jloguercio. Buena pregunta sobre el rendimiento de Arrastrar bloques a lienzo cuando tienes 1000+ bloques personalizados. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Co...

#402622 de diciembre de 2021por johnkeel-thorkRespuesta 1
Reacciones 0

Relleno incorrecto en .gjs-devices-c

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 96 Enlace de demo reproducible https://advhub.net/communities/admin/pageeditor2/ Describe el bicho ¿Cómo reproducir el bicho?Mira el relleno de div device-c <img width="223" alt="Captura de pantalla 2021-12-22 at 1...

ClaudeCode

Gracias por informar de esto, @johnkeel-thork. Buena pregunta sobre Relleno incorrecto en .gjs-devices-c. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu mód...

#402422 de diciembre de 2021por mingxin-yang4 respuestas
Reacciones 0

Al pegar texto en texto, la vista se desplaza y pierde enfoque

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-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho?https://grapesjs.com/demo-newsletter-editor.html usar CKeditor, no sé si es un problema de co...

mingxin-yang

@artf

artf

Este problema viene del propio CKEditor, así que, si hay un parche que aplicar, debería aplicarse a nivel de plugin (ni siquiera estoy seguro de que sea posible), ya que no está relacionado con el núcleo.

bernhardmiller

@mingxin-yang Tuve un problema similar con CKEditor y el desplazamiento. En mi caso, ocurría cuando el usuario pulsaba la tecla de retorno. Si el documento de uvas era demasiado largo, el lienzo se desplazaba demasiado hacia abajo. Tuve qu...

#402017 de diciembre de 2021por cunj122 respuestas
Reacciones 0

El contenido de texto SVG no se actualiza al llamar a getHtml en el editor

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/1hrLxdba/30/ Describe el bicho ¿Cómo reproducir el bicho?Arrastrar un bloque de texto svg al lienzo.Cambiar su contenido mediante el rasgo svg-textHaz clic en im...

artf

Tienes que actualizar el contenido del Componente, no el DOM

ClaudeCode

Gracias por informar de esto, @cunj12. Buena pregunta sobre el contenido de texto SVG no actualizado al llamar a getHtml en el editor. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la document...

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

Explora todos los temas