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

#546413 de octubre de 2023por MaulikAarrsol2 respuestas
Reacciones 0

Varias páginas en la importación de CSS no se acceden

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 117.0.5938.152 Enlace de demo reproducible no Describe el bicho ¿Cómo reproducir el bicho?... Páginas de grapesjs Página múltiple en la importación de CSS no acceso... Importar CSS no está funcionando ¿Cuál es el c...

artf

Por favor, sigue correctamente la plantilla de problemas de errorSi no indicas una demo reproducible con pasos relativos para reproducir el error, el problema podría estar CERRADO.

GJS Helper

La descripción del problema "varias páginas en la importación de CSS no acceden" y "importar CSS no funciona" es bastante vaga, pero apunta a un malentendido común sobre GrapesJS cómo gestiona el alcance CSS y las importaciones de hojas de...

#546012 de octubre de 2023por mapsmarketing4 respuestas
Reacciones 1

Cargando 'component' y 'styles' desde 'pageManager'

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v117.0.5938.149Enlace de demo reproducible https://jsfiddle.net/9oLrsvya/Describe el bicho ¿Cómo reproducir el bicho?Por favor, consulte el objeto 'pageManager' en el jsfiddle ¿Cuál es el comportamiento esperado? Con...

mapsmarketing

Una cosa molesta es que el editor está preinstalando los estilos predeterminados que aparecen a continuación, que al guardar los estilos tienen numerosos duplicados: Edito: Mirando la documentación finalmente conseguí encontrar 'protectedC...

artf

Hola @mapsmarketing actualmente GrapesJS no puede importar correctamente documentos HTML como cadena, así que el analizador salta elementos como 'html', 'head', 'body' y solo devuelve lo que está analizado dentro del 'body'; una solución q...

mapsmarketing

Hola @artf, He encontrado una forma de conseguir correctamente los atributos del 'cuerpo' junto con los estilos guardados mediante el siguiente método: He notado que tu Page.toJSON muestra todo lo de la página especificada. Sin embargo, no...

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

#545010 de octubre de 2023por ChiragS-Prajapati2 respuestas
Reacciones 0

La sección debería haber problemas superpuestos presentes en grapes js

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Versión 117.0.5938.134 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/ap404703/0e5zop1n/ Describe el bicho Ejemplo como abajo Grapes Js :- Inicializar GrapesJSconst editor = grapesjs.init({ l...

artf

@ChiragS-Prajapati tienes que usar propiedades de componentes arrastrables/soltables para controlar dónde se pueden arrastrar componentes y cuáles pueden dejarse caer dentro.

GJS Helper

El problema que estás encontrando, donde un bloque de sección puede caer dentro de otro, es un comportamiento común en GrapesJS por defecto. GrapesJS trata elementos HTML como <div> y <section> como contenedores, permitiendo que otros comp...

#54423 de octubre de 2023por kishanp1024 respuestas
Reacciones 0

Después de aplicar el color del texto, no se puede establecer el color de fondo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/a3xgLm7c/3/ Describe el bicho ¿Cómo reproducir el bicho?Seleccionar el texto y aplicar el color del textoSeleccionar el mismo texto y aplicar el color de fondo ¿Cuál...

mapsmarketing

Hola @kishanp102, Intenté reproducir el problema con los pasos descritos, pero se aplican tanto el texto como los colores de fondo (por favor, ver la captura de pantalla). <img width="318" alt="image" src="https://github.com/GrapesJS/grape...

kishanp102

Arrastra y suelta el componente de texto, luego aplica el color de la fuente y vuelve a hacer clic fuera, haz clic en el texto y pon el color de fondo que no está aplicando screencast-jsfiddle.net-2023.10.11-091942.webm

mapsmarketing

Sí, tienes razón @kishanp102 no le aplica un nuevo color de fondo después de que ya lo hayas puesto. Definitivamente es un error.

#54413 de octubre de 2023por padcom2 respuestas
Reacciones 0

No hay id para que los elementos no tengan estilos sino con 'script', lo que hace que el script no se ejecute para esos elementos

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Última versión de ChromeEnlace de demo reproducible https://github.com/padcom/grapesjs-no-id-for-element-exampleDescribe el bicho Al crear componentes personalizados de GrapesJS, si esos componentes tienen el 'script()' (co...

artf

El problema se debe al uso de 'jsInHtml: false' y a cómo se gestiona el generador JS interno. Intentaré arreglarlo para la próxima entrega.

GJS Helper

El problema que has descrito es un comportamiento conocido en GrapesJS relacionado con cómo se generan y optimizan los IDs de componentes durante la serialización HTML. Cuando un componente personalizado tiene una función script() pero no...

#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