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
#57206 de marzo de 2024por bernesto2 respuestas
Reacciones 0

Propagar componentes por defecto puede romper capas cuando se introducen los comentarios hijos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/n38vbktg/ Describe el bicho ¿Cómo reproducir el bicho?Crear un componente que propague valores predeterminados que incluyan capas = verdadero. Introduce un come...

artf

¡Buen apunte @bernesto

GJS Helper

Este es un informe de error válido. El problema surge porque el sistema de componentes de GrapesJS, especialmente cuando layerable: true se propaga, intenta procesar nodos de comentarios HTML como si fueran elementos HTML estándar. Esto pr...

#57184 de marzo de 2024por mitcht2 respuestas
Reacciones 0

Posible problema con la ruta de actualización donde 'textnode' ahora se llama 'wrapper' desde la versión 0.18 hasta la > última

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 122.0.6261.95 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/n4x6L1v0/2/ Describe el bicho ¿Cómo reproducir el bicho?Guardar datos de componentes de una versión anterior de gra...

artf

Gracias @mitcht pero como ya mencioné, el componente principal nunca pudo ser Textnode, así que no tiene sentido manejar un caso así en el núcleo o tener este problema abierto. En fin, si la lógica te funciona, úsala en tu editor.

GJS Helper

El problema que estás encontrando es un cambio de ruptura conocido relacionado con la evolución de la arquitectura interna de componentes de GrapesJS, específicamente cómo se maneja el componente raíz de una trama. En versiones antiguas (c...

#57154 de marzo de 2024por afrinxnaharRespuesta 1
Reacciones 0

Enlace roto en la documentación de la API

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Versión 123.0 (64 bits) Enlace de demo reproducible No presente Describe el bicho Supongo que la mayoría de los archivos de .js se han convertido en mecanografia, pero puede que haya más enlaces rotos como el de a...

GJS Helper

Gracias por reportar este enlace roto en la documentación de la API de GrapesJS . Has identificado correctamente la causa raíz. Causa raíz El proyecto GrapesJS ha estado experimentando una migración significativa de JavaScript a TypeScript...

#570827 de febrero de 2024por ravisaxena2 respuestas
Reacciones 0

Capacidad para cambiar todas las propiedades de margen, relleno, etc.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible Ahora estamos funcionando en una máquina local Describe el bicho Hola, ahora mismo grapesjs ofrece propiedades integradas como margen y relleno que permiten al usuario...

artf

Por favor, evita abrir los problemas de ERROR sin leer el verdadero sentido de los problemas en la plantilla.

GJS Helper

¡Es una gran sugerencia para mejorar la experiencia de estilo GrapesJS ! Por defecto, el Gestor de Estilos de GrapesJSofrece un control granular sobre propiedades CSS como margin y padding, permitiéndote ajustar cada lado (arriba, derecha,...

#570526 de febrero de 2024por bernesto4 respuestas
Reacciones 0

Las herramientas de componentes se desalinean cuando el editor se redimensiona

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/Lk2bwhp4/ Describe el bicho ¿Cómo reproducir el bicho? Colocar el editor dentro de un contenedor y luego redimensionar programáticamente el ancho del contenedor...

artf

Gracias @bernesto por el informe, pero como no podemos detectar cambios en el diseño programático sin afectar al rendimiento, en este caso tienes que actualizar manualmente el diseño del editor mediante 'editor.refresh()' (por ejemplo, en...

bernesto

Hola @artf, de hecho me lo mezclé accidentalmente en la última solicitud de tirada que aceptaste (src/canvas/model/Frame.ts). Quizá quieras echar un vistazo a lo que añadí y ver si está causando algún problema. Ahora mismo lo tenemos en pr...

artf

de hecho, esto se mezcló accidentalmente en la última solicitud de tirada que aceptaste y de hecho lo quité porque parecía no tener relación 🤣 No es un problema añadirlo de nuevo, pero ten en cuenta que tu ejemplo solo funcionará por el d...

#570325 de febrero de 2024por bernestoRespuesta 1
Reacciones 0

Desplazamiento del selector de color respecto al contenedor del editor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/v4e5d90z/ Describe el bicho ¿Cómo reproducir el bicho?Coloca el editor en cualquier contenedor. ¿Cuál es el comportamiento esperado? El selector de color deberí...

GJS Helper

El problema que estás experimentando con el selector de color GrapesJS que aparece desplazado es un problema común relacionado con cómo los elementos emergentes de terceros (como selectores de color, tooltips o desplegables) gestionan su p...

#570024 de febrero de 2024por upadhyay88442 respuestas
Reacciones 0

=

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible No se puede proporcionar los datos sensiblesDescribe el bicho ¿Cómo reproducir el bicho?Dejar una página en el editor/Canvas.Ajustar la altura para ejemplo 600 puntos y también añadir un re...

upadhyay8844

@artf ¿puedes echarle un vistazo, por favor?

GJS Helper

El problema que te encuentras, donde una sección hija con height: 100% se solapa con su padre cuando el padre tiene altura y relleno fijos, y hay otros hermanos presentes, es un reto común de diseño en CSS. No es un error en sí GrapesJS ,...

#569121 de febrero de 2024por codei202 respuestas
Reacciones 0

Deshacer no funciona al seleccionar color de fondo o texto a través del selector de color

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 122.0.1 Enlace de demo reproducible https://grapesjs.com/demo-mjml.html Describe el bicho ¿Cómo reproducir el bicho? En la demo oficial: https://grapesjs.com/demo-mjml.htmlAñadir una columna al lienzoSelecciona la...

artf

Probablemente esté relacionado con el plugin mjml, no con el núcleo porque no puedo reproducirlo (sugeriría abrir un problema en el repositorio correspondiente).

GJSBlock

Gracias por informar de esto, @codei20. Buena pregunta sobre Deshacer que no funciona al seleccionar color de fondo o texto con el selector de color. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consu...

#568920 de febrero de 2024por mitcht4 respuestas
Reacciones 0

<> se introduce al principio de editor.getHtml()

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 121.0.6167.185 (Versión oficial) (64 bits)Enlace de demo reproducible https://jsfiddle.net/ja50kzne/4/ Describe el bicho ¿Cómo reproducir el bicho? Tenía una página web de una versión anterior de grapesJ...

mitcht

He reducido bastante el json y he notado que se está generando algo de JSON posiblemente inválido como salida. Es como si la introducción de las comillas dobles escapadas estuviera un poco desajustada. JSON.stringify y JSON.parse no parece...

artf

El componente raíz de la página debería ser un 'envoltorio', en tu caso es un 'nodo de texto' (por ejemplo, esto podría romper muchas cosas), con un 'tagName' vacío (la razón detrás de '<>') y por alguna razón 'contenido: "indefinido"(?) <...

mitcht

Esto es lo que salía de Grapes 0.18.4, por lo que fue generado por grapes. Esperaría que si el contenido fuera "indefinido", grapes lo eliminara o lo ignorara. Por ahora solo estoy eliminando el <> por mi parte, pero pensé en compartirlo c...

#568315 de febrero de 2024por JonathanRiche2 respuestas
Reacciones 0

Command.runCommand no funciona para el comando integrado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrom v121 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Ve a la página graepesjs.com/demo, abre la consola y usa el objeto editor global ejecuta el método editor.r...

JonathanRiche

Primero tenía que ejecutar visualEditor.stopCommand('sw-visibility') no estoy seguro si esto es nuevoRunCommand que antes se usaba para alternar con la necesidad de ejecutar stop

GJS Helper

Gracias por reportar este problema. He investigado el comportamiento de editor.runCommand('sw-visibility') en la última página de demostración de GrapesJS (https://grapesjs.com/demo.html) y he comprobado que el comando funciona como se esp...

Explora todos los temas