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 3,464

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

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

Explora todos los temas