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 183

🔍 documentation
#573911 de marzo de 2024por rhoenerSBSRespuesta 1
Reacciones 0

Tipo incorrecto en la interfaz ColorPickerOptions

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible No aplicable Describe el bicho La interfaz ColorPicker que venía con la última versión define la opción "preferredFormat" para esperar un valor 'booleano', pero la documentación del...

GJS Helper

Este es, de hecho, un informe de error válido respecto a las definiciones de tipos TypeScript en GrapesJS para la interfaz ColorPickerOptions . La propiedad preferredFormat está incorrectamente tipada como boolean cuando debería string seg...

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

#560710 de enero de 2024por Ju99ernaut2 respuestas
Reacciones 0

No se pueden expandir capas previamente vacías

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v120.0.6099.199 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Arrastra el bloque de columna 1 sobre el lienzoArrastrar cualquier otro bloque a la celda, por...

artf

Buena observación, lo arreglaré

GJS Helper

Este es un error conocido en GrapesJS relacionado con cómo reacciona el panel de Capas (específicamente la vista Layer ) a los cambios en la colección hija de un componente. El problema surge cuando un componente, como una columna o celda,...

#552519 de noviembre de 2023por duydvu2 respuestas
Reacciones 3

Problemas de rendimiento al añadir más de 20 clases a un solo componente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Edge v119.0.2151.72 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Hola, gracias por crear un proyecto increíble. Me gustaría informar de un problema encontrado durante el uso de GrapesJS. ¿C...

artf

Estoy de acuerdo con la alternativa sugerida, actualizaré en consecuencia. ¡Gracias @duydvu

GJSBlock

Gracias por informar de esto, @duydvu. Buena pregunta sobre Problemas de rendimiento al añadir más de 20 clases a un solo componente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la doc...

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

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

#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