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

#416828 de febrero de 2022por m-jojo-sRespuesta 1
Reacciones 0

Pasar el cursor no se desactiva hasta el siguiente botón de botón del ratón

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 98.0.4758.80 (Versión oficial) (arm64) Enlace de demo reproducible https://jsfiddle.net/01pa5mty/9/ Describe el bicho También gracias por añadir los eventos de hover:antes y select:before, ¡serán muy úti...

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre pasar el cursor sin activar hasta el siguiente botón de entrada con el ratón. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consul...

#416626 de febrero de 2022por AmeekoRespuesta 1
Reacciones 0

Gestor de estilos abierto - la clase se puede añadir pulsando la tecla ENTER

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v98 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho En el "Gestor de estilos abierto", la clase CSS puede añadirse pulsando la tecla ENTER. Si GrapesJS está dentro de una etiqueta Form,...

ClaudeCode

Gracias por informar de esto, @Ameeko. El problema con Open style manager - la clase puede añadirse pulsando la tecla ENTER parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando...

#415724 de febrero de 2022por Adham3803 respuestas
Reacciones 0

Redimensionar el lienzo hace que los componentes terminen con posiciones incorrectas una vez exportados con dmode 'absoluto'

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Microsoft Edge 98.0.1108.56 Enlace de demo reproducible https://jsfiddle.net/473b2tah/1/ Describe el bicho El redimensionamiento del lienzo está bien, pero no tiene en cuenta que uno podría estar trabajando con desplazami...

Adham380

He encontrado una especie de solución... Establece el wrapper de trama .gjs al ancho deseado en CSS y transforma: translate (- x px, 0px) para el iframe en CSS. El lienzo no tiene el ancho correcto entonces (un poco más pequeño), pero todo...

artf

https://github.com/artf/grapesjs/issues/3770#issuecomment-1059784514

ClaudeCode

Gracias por informar de esto, @Adham380. El problema con Redimensionar el lienzo hace que los componentes terminen con posiciones incorrectas una vez exportados con dmode 'absoluto' parece ser un problema de condición de carrera o de sincr...

#415423 de febrero de 2022por Ameeko3 respuestas
Reacciones 1

Nada puede editarse dentro del elemento de enlace

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 Cuando inserto un elemento de texto en un elemento de bloque de enlace, El elemento de texto ya no es editable. Hacer doble clic en el el...

lofcz

Duplicado de: https://github.com/artf/grapesjs/issues/4145 Resumen: DR: compila GrapeJS localmente ya que la corrección no está actualmente disponible o haz downgrade a 0.18.2

artf

Cierre como duplicado del #4145

ClaudeCode

Gracias por informar de esto, @Ameeko. El problema con Nada puede editarse dentro del elemento de enlace parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ciclo de vida...

#414818 de febrero de 2022por varadero3 respuestas
Reacciones 2

0.18.2 / 0.18.3 elimina todo activo... Atributos HTML cuando el bloque se arrastra y solta en el constructor

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v99Enlace de demo reproducible https://jsfiddle.net/jLo3qh7s/10/Describe el bicho ¿Cómo reproducir el bicho?Crear un bloque con contenido '<input oninput="alert('123)" />'Ponle ese bloque al constructorMira el código...

Ju99ernaut

Ese es el comportamiento esperado según las notas de versión de la versión 0.18.2

artf

Correcto. En caso de que necesites activar atributos unsafe (bajo tu propia responsabilidad), puedes hacerlo mediante la opción 'config.parser.optionsHtml.allowUnsafeAttr'.

ClaudeCode

Gracias por informar de esto, @varadero. Buena pregunta sobre 0.18.2 / 0.18.3 elimina todo activo... Atributos HTML cuando el bloque se arrastra y solta en el constructor. El enfoque recomendado con GrapesJS es usar la API orientada a even...

Explora todos los temas