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
#553025 de noviembre de 2023por Harshsne26Respuesta 1
Reacciones 0

Deshacer el inicio y parar del jefe no funciona como se espera

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible https://codepen.io/dhanadsp1120/pen/ExrRvOB Describe el bicho ¿Cómo reproducir el bicho?Desactivar el gestor de deshacer invocando um.stop().Hacer modificaciones en el contenido.Reac...

GJS Helper

El problema que has descrito con el Administrador de Deshacer de GrapesJS (um.stop() y um.start()) es un comportamiento conocido donde el método um.stop(), a pesar de configurar la bandera interna de enabled en false, no impide consistente...

#552318 de noviembre de 2023por lexoyo2 respuestas
Reacciones 0

Pegar cuando no se seleccione nada

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Seleccionar un componente en el escenarioCopiar el componente con CTRL+cSeleccionar el cuerpo (deseleccionar e...

lexoyo

Ten en cuenta que este error hace imposible copiar y pegar elementos en una página vacía

GJS Helper

El problema que has descrito es un comportamiento conocido en el comando paste-component por defecto de GrapesJS. La causa raíz está en la implementación del comando, concretamente en la condición if (!selected || !selected.length) return;...

#55036 de noviembre de 2023por MaxwellTheSecond3 respuestas
Reacciones 1

El método replaceWith no tiene tipo de cadena

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible ninguno Describe el bicho replaceWith de Component.ts no tiene un tipo para cuerda. ¿Cuál es el comportamiento esperado? Debería poder reemplazar un componente por una cuerda como en el...

MaxwellTheSecond

Marca personal: #5504

artf

Fusionados https://github.com/GrapesJS/grapesjs/pull/5504

GJS Helper

Has identificado correctamente un problema de tipificación TypeScript con el método replaceWith en GrapesJS. Aunque el método internamente soporta reemplazar un componente por una cadena HTML, su definición TypeScript (Component.d.ts) actu...

#55015 de noviembre de 2023por eko3alphaRespuesta 1
Reacciones 0

Problema de redimensionamiento con paneles en la demo "Getting Started"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome/Safai/Firefox Enlace de demo reproducible https://grapesjs.com/docs/getting-started.html#layers Describe el bicho ¿Cómo reproducir el bicho? Accede a la documentación de GrapesJS Getting Started en este enlace. Int...

GJS Helper

Has identificado correctamente un error de diseño en la GrapesJS demo "Getting Started" relacionado con el redimensionamiento de los paneles del lado derecho. El comportamiento de desplazamiento que observas no es el redimensionamiento sua...

#54973 de noviembre de 2023por pittleCheungRespuesta 1
Reacciones 0

Añadir una imagen de fondo falla

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 https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Enlace a mi imagen https://topkeeoss.cdn.weberss.com/602907992031105024-public/Beige%20and%20...

GJS Helper

Gracias por informar de esto, @pittleCheung. Buena pregunta sobre Falla añadir imagen de fondo. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo especí...

#548728 de octubre de 2023por MaxDBenson3 respuestas
Reacciones 0

Style Manager no muestra múltiples reglas para la misma clase

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https://jsfiddle.net/497zkrpm/1/ Describe el bicho ¿Cómo reproducir el bicho?Seleccione el componente "Hola Mundo"Abre el Style Manager y asegúrate de que "miclase" esté marcado en la s...

artf

No es un error, el gestor de estilos maneja solo una regla a la vez, si quieres un uso más avanzado, puedes usar la API e implementar tus funcionalidades (por ejemplo, seleccionar diferentes reglas con el mismo selector).

MaxDBenson

No es un error, el gestor de estilos maneja solo una regla a la vez, si quieres un uso más avanzado, puedes usar la API e implementar tus funcionalidades (por ejemplo, seleccionando diferentes reglas con el mismo selector). Ya veo. ¿Te imp...

GJS Helper

El problema que has encontrado con el Gestor de Estilos GrapesJS que no muestra todas las reglas para la misma clase es un comportamiento conocido derivado de cómo interactúan los CssComposer y StyleManager internos del editor con las regl...

#548426 de octubre de 2023por pittleCheung2 respuestas
Reacciones 0

Clone Tab y Clone Tab no está ahora mismo

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 https://grapesjs.com/demo.html Describe el bicho https://github.com/GrapesJS/components-tabs Pregunta uno <img width="1421" alt="image" src="https://github.com/GrapesJS...

artf

Por favor, abre los problemas de errores solo si están relacionados con la biblioteca principal, no con plugins.

GJS Helper

Los problemas que estás experimentando con la clonación de pestañas y todo el componente de pestañas en GrapesJS, especialmente con el plugin grapesjs-components-tabs , provienen de cómo GrapesJS gestiona los IDs de componentes durante el...

#547821 de octubre de 2023por bryanjamesmiller2 respuestas
Reacciones 1

Las categorías de bloques personalizadas no pueden nombrarse igual que los nombres de los métodos de objetos prototipo o romperían Grapes

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible Versión 118.0.5993.88 (Versión oficial) (arm64) Describe el bicho ¿Cómo reproducir el bicho? Demo en vídeo parte 1: https://github.com/GrapesJS/grapesjs/assets/8781182/bfbbf6ea-7780-417e...

artf

Gracias @bryanjamesmiller por todos los aportes, investigaré para encontrar una solución.

GJS Helper

Este es efectivamente un informe de error válido, y has identificado con precisión un clásico error de JavaScript dentro del manejo de categorías de bloques de GrapesJS. El problema surge cuando una categoría de bloque personalizada lleva...

#545711 de octubre de 2023por boardmain4 respuestas
Reacciones 3

Editor congelado en loadProjectData 0.21.7

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 117.0 Enlace de demo reproducible localhost Describe el bicho grapesjs": "^0.21.7", editor.loadProjectData({ "activos": [], "estilos": [], "páginas": [{ "componente": "<div>PRUEBA PRUEBA</div>" }] }) Congelación de...

antoinematyja

Hola, me encontré con el mismo problema usando Vue 3 y usando una 'ref' de Vue para almacenar el editor. Aunque no estoy seguro de si es buena idea. Una reproducción de código sería algo así: Solución: no uses un 'árbitro' 😅

artf

¿Puedes ofrecer una demo reproducible? He probado tu ejemplo y no veo ninguna congelación...

boardmain

Probé con la última versión 21.7 Intento ponerlo en línea, pero acabo de pegar HTML desde un comando personalizado, el código fuente está pegado, pero después el editor se congela (necesito cerrar la página). por ejemplo ~~~ btnImp.onclick...

#543229 de septiembre de 2023por mahmudzRespuesta 1
Reacciones 0

Las clases md:w-3 responsivas de TailwindCSS se convierten a md:w-3

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 117.0.5938.132 Enlace de demo reproducible https://jsfiddle.net/bx8rtseh/2/ Describe el bicho ¿Cómo reproducir el bicho?Configurar el gestor remoto de tiendasCargar algo de html con clases tailwindCSS Ejemplo '''ht...

GJS Helper

El problema que estás encontrando, donde clases de TailwindCSS como md:w-1/2 se transforman en md:w-1-2 al cargarse en GrapesJS, proviene de la gestión interna de clases y la lógica de análisis de GrapesJS. Causa raíz GrapesJS, por defecto...

Explora todos los temas