PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

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
#641622 de febrero de 2025por clonefunnels2 respuestas
Reacciones 0

Htmlentities > rompiendo el almacenamiento remoto - Visualizaciones indefinidas

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox y Chrome Enlace de demo reproducible No puedo hacer una demo para almacenamiento remoto Describe el bicho Importa cualquier cosa que tenga '&gt;' junto a una etiqueta con &gt; Ejemplo: '<a href="#"&gt;&gt;</a>' También ocu...

artf

no puedo hacer una demo para almacenamiento remoto No necesitas una demo para almacenamiento remoto. El almacenamiento local y remoto usan la misma interfaz, lo que significa que si no puedes reproducir con el almacenamiento local, el prob...

GJS Helper

Este es un informe de error crítico. El problema en que GrapesJS muestra "indefinido" y no carga contenido cuando la entidad HTML &gt; (mayor que signo) está presente, especialmente cerca de etiquetas HTML, indica un problema con el anális...

#640918 de febrero de 2025por Shuja-Mahmood4 respuestas
Reacciones 0

Cannot drag to move components on mobile

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v133 Enlace de demo reproducible https://jsfiddle.net/2hjdrb7L/1/ Describe el bicho ¿Cómo reproducir el bicho? Inicializa un editor grapesjs usando grapesjs v0.22.x con el plugin grapesjs-touch v0.1.1. ¿Cuál es el comportam...

bamiendev

El mismo problema

federica-capobianco

¿Conseguiste solucionarlo? Enfrentándonos a un problema algo similar

Shuja-Mahmood

El problema sigue existiendo en la v0.22.6

#640716 de febrero de 2025por gopukinapp2 respuestas
Reacciones 0

Los rasgos personalizados no se cargan dentro de un bloque personalizado

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 133.0.6943.98 Enlace de demo reproducible https://codesandbox.io/p/sandbox/loving-breeze-mdls43?file=%2Findex.js%3A77%2C6 Describe el bicho Estoy intentando añadir algunos triats personalizados a mi bloque. Por desgracia,...

artf

Tu componente tiene 'componentes' internos, así que si eliges uno de ellos, verás rasgos de esos componentes, no 'bloque de eventos'. Si seleccionas correctamente 'bloque de evento', verás tus rasgos. <img width="856" alt="Image" src="http...

GJS Helper

El problema que estás encontrando, donde los rasgos personalizados no se cargan para un bloque personalizado cuando su propiedad components contiene HTML complejo pero sí cargan con una cadena simple, es un comportamiento conocido relacion...

#63941 de febrero de 2025por spyjoRespuesta 1
Reacciones 0

Error del gestor de capas en Safari Mac

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Safari 18.3 Macos 14.7.3 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Abre el Administrador de Capas en el panel derecho Intenta ocultar el "cuerpo" o ábrelo O haz clic en...

GJS Helper

Parece que te has encontrado con una peculiaridad conocida de renderizado específica de Safari, especialmente en cómo gestiona flexbox diseños y potencialmente fuentes de iconos dentro de esos diseños. El Administrador de Capas GrapesJS ut...

#637417 de enero de 2025por Harshsne262 respuestas
Reacciones 1

Posición del cursor mal colocada

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/gbYjOWO Describe el bicho ¿Cómo reproducir el bicho? He llamado a activativo con un solo clic para poder editar el cuadro de texto con un solo clic. El cursor debe...

mohamedsalem401

Oye, he revisado tu código e intentado depurarlo. Me parece que el código no está pasando el evento del ratón al método onActive, que es necesario: '''js componentEl.addEventListener('click', (ev) => { component.view.onActive(ev); });

GJS Helper

Gracias por informar de esto, @Harshsne26. Buena pregunta sobre posición del cursor mal colocada. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo espe...

#637316 de enero de 2025por ChipiKaf2 respuestas
Reacciones 1

El redimensionamiento del hijo con resistencia absoluta habilitó posiciones erróneamente cuando está en el Padre con posición relativa

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 131.0.6778.265 Enlace de demo reproducible https://codepen.io/chipikaf/pen/KwPexjL Describe el bicho ¿Cómo reproducir el bicho? Suelta el componente de botón en la sección central Mueve el botón a cualquier parte de la sec...

ChipiKaf

@artf tengo una solución local. Básicamente, lo que hago es comprobar si el elemento tiene un padre con posición relativa, y luego desplazo el rectángulo por la altura del padre si existe y es relativo a la posición. ¿Puedo crear un récord...

GJSBlock

Gracias por informar de esto, @ChipiKaf. Buena pregunta sobre El redimensionamiento del hijo con posiciones habilitadas por arrastre absoluto se altera incorrectamente cuando está en el padre con posición relativa. El enfoque recomendado c...

#636914 de enero de 2025por hubermat2 respuestas
Reacciones 0

El orden de visualización del radio del borde no es correcto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v130 Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho?En el editor, seleccione cualquier elementoEn la sección de estilos, ve al radio de fron...

DarrenHou1993

Este cambio soluciona el problema de la interfaz, pero aquí introduce un problema de valor. Al establecer el radio de la esquina inferior izquierda, en realidad modifica la esquina inferior derecha.

GJS Helper

El problema que has identificado respecto al orden de visualización intercambiado de border-bottom-left-radius y border-bottom-right-radius en el Style Manager de GrapesJS es una peculiaridad conocida en la configuración predeterminada de...

#635819 de diciembre de 2024por rhoenerSBS2 respuestas
Reacciones 0

La configuración de BlockManager "appendOnClick" ya no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v131 Enlace de demo reproducible https://jsfiddle.net/0uaxn2vc/2/ Describe el bicho ¿Cómo reproducir el bicho?Abrir enlace al violínseleccionar el cuerpo u otro componente donde se puedan añadir componentesintenta...

artf

Gracias @rhoenerSBS el problema se solucionó aquí y estará disponible en la próxima versión.

GJS Helper

La opción appendOnClick en el BlockManager de GrapesJSestá efectivamente rota en versiones recientes, lo que provoca el error de Uncaught TypeError: c.setDropContent is not a function . Este problema se debe a un cambio en cómo el BlockVie...

#63487 de diciembre de 2024por Frubl2 respuestas
Reacciones 1

Es posible arrastrar y soltar literalmente cualquier cosa dentro del lienzo de grapesjs

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.html Describe el bicho ¿Cómo reproducir el bicho?Prueba a seleccionar, por ejemplo, herramientas/texto/todo en la barra lateralAgárrala y déjala caer sobre la l...

artf

Puedes tomar el control de lo que se deja caer dentro del lienzo mediante el evento 'canvas:dragdata' https://jsfiddle.net/artur_arseniev/87rcb24n/

GJS Helper

El problema que has reportado, donde elementos arbitrarios fuera del lienzo de GrapesJS (incluidas partes de la interfaz del editor) pueden arrastrarse y soltarse en el lienzo, es un comportamiento común derivado de la funcionalidad nativa...

#633226 de noviembre de 2024por tim-promRespuesta 1
Reacciones 0

IMG SRCset 404 causa bucle de peticiones infinito

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v131Enlace de demo reproducible https://jsfiddle.net/cmq9end2/1/Describe el bicho ¿Cómo reproducir el bicho?Añadir un img al lienzo con una URL inválida en el srcset Revisa la pestaña de red en la consola de desarrol...

GJS Helper

El problema que has descrito, donde una etiqueta <img> con un atributo de srcset inválido (y sin src de atributo) provoca un bucle infinito de peticiones 404, es un comportamiento conocido en algunos navegadores (como Chrome) más que un er...

Explora todos los temas