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 743

🔍 bug
#644514 de marzo de 2025por bgrand-ch3 respuestas
Reacciones 2

La web del médico tiene información que falta

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox 136.0.1 (64 bits) Enlace de demo reproducible https://grapesjs.com/docs/api/editor.html#editor Describe el bicho ¿Cómo reproducir el bicho? Ve a https://grapesjs.com/docs/api/editor.html#editor ¿Cuál es el comportamiento e...

artf

Documentación actualizada: https://grapesjs.com/docs/api/editor.html#available-events

artf

Gracias@bgrand, lo arreglaré pronto 🙇 ♂️

GJS Helper

Gracias por reportar este problema. Has identificado correctamente un error en la web de documentación de GrapesJS . Causa raíz: El marcador de {REPLACEEVENTS} indica que el proceso de generación de documentación no inyectó correctamente l...

#642527 de febrero de 2025por asabryilRespuesta 1
Reacciones 0

Arrastrar un elemento con altura 0 provoca un comportamiento inesperado

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Todos los navegadores, última versión Enlace de demo reproducible Puede reproducirse en una demo oficial Describe el bicho ¿Cómo reproducir el bicho? Añadir un bloque, establecer la altura y la altura mínima a 0 Añadir otro bloque...

GJS Helper

Este es un comportamiento conocido en GrapesJS relacionado con cómo su sistema de arrastrar y soltar (que a menudo depende de cuadros delimitadores visuales) interactúa con elementos que tienen altura cero. Aunque idealmente el mecanismo d...

#642227 de febrero de 2025por sumasal2 respuestas
Reacciones 0

En la rama de desarrollo, cuando la vista previa está activada, no se debería permitir arrastrar componentes, pero sí lo permite.

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 133 con rama de desarrollo a fecha de 27.02.2025 Enlace de demo reproducible Repositorios de desarrollo clonados a fecha de 27.02.2025 Describe el bicho ¿Cómo reproducir el bicho? ... clonar repositorio y construir y empeza...

sumasal

Solución temporal para los impacientes:

GJS Helper

Parece que has identificado un error en la rama GrapesJS dev donde el arrastre de componentes sigue siendo posible incluso cuando el editor está en modo previsualización. Esto va en contra del comportamiento esperado, ya que el modo de vis...

#642025 de febrero de 2025por peterchonRespuesta 1
Reacciones 0

La entrada japonesa añade retorno vacío

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 133.0.6943.127 (Versión oficial) (arm64) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Crear un bloque de texto Empieza a escribir cualquier carácter japonés...

GJS Helper

El problema que estás experimentando con la entrada japonesa en GrapesJS, donde la entrada elegida es invisible y se añade un retorno extra, es un problema común en editores de texto enriquecido que dependen de contenteditable y Editores d...

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

#637618 de enero de 2025por Harshsne26Respuesta 1
Reacciones 0

Establecer valor mínimo en la configuración de StyleManager

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/ZYzjaYe Describe el bicho ¿Cuál es el comportamiento esperado? El ancho del borde debe incrementarse desde 1 cuando mínimo está establecido a 1. ¿Cuál es el compor...

GJS Helper

El problema que tienes con el valor de min que no afecta a la visualización inicial de 0 para border-width es un punto común de confusión. La propiedad min en GrapesJS gestor de estilos afecta principalmente a los controles de stepper/desl...

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

Explora todos los temas