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 545

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

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

#414517 de febrero de 2022por lofcz2 respuestas
Reacciones 0

0.18.3 edición de texto no se activa para los componentes de texto > enlace

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 99 Enlace de demo reproducible https://codesandbox.io/s/distracted-archimedes-fhmnpg Describe el bicho ¿Cómo reproducir el bicho?Abrir la demoHaz doble clic en el componente "Soy texto". ¿Cuál es el comportamiento actual? A...

artf

Sí, veo el problema. Hacer doble clic en elementos de texto (span, i...) dentro de un centro cambia el foco al elemento padre en lugar de abrir rte para el elemento seleccionado Con la nueva lógica implementada para la vista de componentes...

ClaudeCode

Gracias por informar de esto, @lofcz. Buena pregunta sobre 0.18.3 la edición de texto que no se activa para los componentes de enlace > texto. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consult...

#41369 de febrero de 2022por m-jojo-s2 respuestas
Reacciones 1

Component.remove() en 'component:mount' no elimina la vista renderizada

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/Lsjhxczp/10/ Describe el bicho ¿Cómo reproducir el bicho?Configurar el gancho component:mount para retirar el compo...

artf

Sí, el problema aquí es que el nodo DOM está creado pero aún no se ha añadido al padre. Puedes aplazar la eliminación mediante setTimeout, pero eso seguirá activando la imagen. Probablemente moveré ese evento una vez que se añada el nodo.

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre component.remove() en 'component:mount' no elimina la vista renderizada. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la...

#411028 de enero de 2022por cusmai3 respuestas
Reacciones 0

Los eventos de AssetManager no funcionan

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible NA Describe el bicho Los eventos de AssetManager no se activan. El archivo se carga correctamente pero los eventos no se notifican: '''js Listadores de eventos de activos editor.on('Asse...

timramseyjr

@cusmai ¿Llegaste a entender esto? Estoy recibiendo 'activo:abierto' y 'activo:cerrar', pero tampoco recibo ninguno de los eventos que mencionaste. Estoy usando lo siguiente y los dos eventos que mencioné son los únicos eventos relacionado...

ALTITUDE-DEV-FR

Lo mismo para mí no trabajar :(

ClaudeCode

Gracias por informar de esto, @cusmai. El problema con los eventos de AssetManager que no funcionan parece ser una condición de carrera o un problema de sincronización de gestión del estado. Esto suele ocurrir cuando los eventos del ciclo...

#408320 de enero de 2022por henzigo4 respuestas
Reacciones 1

Establecer raíz no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Safari 15.0Enlace de demo reproducible https://jsfiddle.net/adw6y12f/9/Describe el bicho Hola, Estoy intentando establecer el componente raíz para el editor tal y como se describió aquí. Desafortunadamente, esto no funciona...

artf

Sí, el módulo LayerManager en sí no tiene documentación. De hecho, está en lista de espera para la refactorización y, una vez terminada, podremos publicar más sobre su uso y la documentación de la API. En fin, he visto tu mensaje anterior...

artf

Sí, veo el problema con la configuración raíz en LayerManager. La solución temporal sería activar el cambio de raíz al renderizar el panel de capas: '''js editor.on('run:core:open-layers', () => editor. Layers.setRoot('#editable')); ``` Pe...

henzigo

Gracias por tu respuesta. Sería bueno tener algo de documentación sobre qué es el elemento 'raíz', porque solo las menciones están en relaciones públicas o en números.

Explora todos los temas