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

#41879 de marzo de 2022por TownsheriffRespuesta 1
Reacciones 0

El método Editor Destroy genera un error en React

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/withered-rain-z74rst?file=/src/App.js Describe el bicho ¿Cómo reproducir el bicho?Desmontar elemento hijoCrear useEffect con callback donde el editor se destr...

ClaudeCode

Gracias por informar de esto, @Townsheriff. Buena pregunta sobre el método Editor Destroy genera un error en React. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

#41764 de marzo de 2022por varadero2 respuestas
Reacciones 0

Editor de texto enriquecido, iconos muy grandes en Firefox

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 95.0.2 (64 bits) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Usar Firefox 95.0.2 (64 bits) para abrir https://grapesjs.com/demo.htmlHaz doble clic en algú...

varadero

Parece que si borro los <svg>elementos '' que forman parte del HTML de la barra de herramientas, el tamaño vertical queda bien. Estos son los <svg>''elementos que provocan la gran altura: ! imagen Así es como se ve el editor de texto enriq...

ClaudeCode

Gracias por informar de esto, @varadero. Buena pregunta sobre Iconos muy grandes del editor de texto rico en Firefox. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...

#41753 de marzo de 2022por sandeepyerkala2 respuestas
Reacciones 0

Faltan líneas de desplazamiento al recargar el fotograma

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 99.0.4844.51 Enlace de demo reproducible https://jsfiddle.net/rakam/5o8te64y/19/ Describe el bicho ¿Cómo reproducir el bicho?Añadir algunos componentes.Después de añadir, recarga el fotograma haciendo clic en el me...

artf

Lo siento, pero ahora mismo no veo sentido en soportar o arreglar la recarga nativa del iframe.

ClaudeCode

Gracias por informar de esto, @sandeepyerkala. Buena pregunta sobre Las líneas de desplazamiento faltan al recargar el fotograma. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#41743 de marzo de 2022por javadsamiee2 respuestas
Reacciones 1

Actualizando la página, perderemos el color de fondo del cuerpo/envolvente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 98.0.4758.109 Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho ¿Cómo reproducir el bicho?"Cuerpo (#wrapper seleccionado) -> Decoraciones -> Color de fondo y establecer un colorGuarda los...

artf

Hola @javadsamiee gracias por el informe. En realidad, este es un problema antiguo #2834 que estoy intentando solucionar para la próxima edición (cierro este número en favor del anterior).

ClaudeCode

Gracias por informar de esto, @javadsamiee. Buena pregunta sobre Actualizar página donde perderemos el color de fondo del cuerpo/envolvente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta...

#41733 de marzo de 2022por Ameeko4 respuestas
Reacciones 4

El elemento de texto no funciona correctamente

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v98Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho Abrí una libreta (Win11) Escribí esto en la libreta: prueba [enter] prueba [enter] prueba [enter] Seleccioné todo el texto y lo copié a l...

Ameeko

¿Alguien puede ayudarme con esto?

Ameeko

El texto era un texto plano, no tenía etiquetas. He probado con saltos de línea \n y \r\n, no funciona bien. Aparecen etiquetas innecesarias en GrapesJS al insertar texto plano con saltos de línea.

Joshmamroud

@Ameeko y @artf yo también tengo este problema. ¿Alguien ha encontrado alguna solución para esto?

Explora todos los temas