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
#617124 de septiembre de 2024por rhoenerSBS2 respuestas
Reacciones 0

Rastrear un seguimiento personalizado y almacenable con UndoManager

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v129 Enlace de demo reproducible No aplicable Describe el bicho HOLA @artf, Actualmente estoy implementando un editor con grapesjs en el que es posible añadir capítulos junto a las páginas ya existentes. He impleme...

artf

Hola @rhoenerSBS por favor evita abrir problemas de errores para preguntas.

GJS Helper

El GrapesJS UndoManager realiza principalmente un seguimiento de los cambios en los modelos principales del editor (componentes, estilos, páginas, recursos) escuchando eventos específicos, especialmente change:state. Para que registre los...

#615218 de septiembre de 2024por stpp24 respuestas
Reacciones 1

El CSS añadido mediante código personalizado persiste después de que se elimina un componente de código personalizado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Añadir un componente de código personalizado con HTML + CSSEliminar un componente de código personalizado. ¿Cuál...

artf

Esto no está relacionado con el núcleo y debe abordarse a nivel de plugin. Por favor, crea el problema ahí y trataremos de encontrar el enfoque correcto.

mosh-tudor

@stpp2 Esto no es realmente un error; Es más bien una característica. :) Prueba a usar 'clearStyles': https://github.com/GrapesJS/grapesjs/blob/d48e1e34a9fa363dcb83fdcca53a89563db17063/packages/core/src/editor/config/config.ts#L260-L272

stpp2

Sí, 'clearStyles' ya está activado en mi caso, pero en muchos casos no parece funcionar bien. En cualquier caso, esperaría que el componente 'Código Personalizado' estuviera algo "contenedorizado" para que no deje nada en el documento al e...

#61224 de septiembre de 2024por mohamedsalem4013 respuestas
Reacciones 3

Corregir y refactorizar Sorter.ts

[x] Corregir el uso del Ordenador en StyleManager (regresión con capas de propiedades de ordenación) [x] Clasificador de refactorización con el uso de 'Components.canMove' [x] Actualizar 'canMove' comprobando que el símbolo principal se elimina dentro de su propia instancia.

mohamedsalem401

Esto está hecho.

mohamedsalem401

La idea es refactorizar el clasificador para mejorar la mantenibilidad y legibilidad. Podemos implementar los siguientes cambios:Hacer que la clase 'Sorter' dependa de una estructura abstracta de árbol en lugar de depender de implementacio...

GJS Helper

Esta corrección y refactorización aborda varias áreas clave dentro de la lógica de movimiento de Sorter.ts y componentes de GrapesJS, resolviendo una regresión en el Style Manager y mejorando la experiencia general de arrastrar y soltar, e...

#608123 de agosto de 2024por MdShadabAhamad3 respuestas
Reacciones 0

Componente personalizado que no puede ser visible en grapsJs/studio al primer renderizado

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsxDescribe el bicho No puedo ver mi componente personalizado la primera vez que renderizo mi aplicación React; cuando intento...

artf

Usa los plugins cuando quieras ampliar algo a nivel de API GrapesJS

MdShadabAhamad

También añadí un setupStyleManager de estilo personalizado, pero se muestra en blanco, https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsx

GJS Helper

El problema que estás experimentando, donde tu bloque de componentes personalizados no es visible en el primer renderizado pero aparece tras buscar, es un problema común de temporización relacionado con cómo GrapesJS inicializa sus compone...

#606316 de agosto de 2024por sridharK643 respuestas
Reacciones 1

Cómo cargar grapesjs por previsualización predeterminada

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Últimas Enlace de demo reproducible https://stackblitz.com/edit/grapesjs-react-custom-ui-nrqcgn?file=src%2FApp.tsx Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado? ... ¿Cuál es el co...

danstarns

Hola, @sridharK64 gracias por tu informe, ¿puedes explicar tu problema, por favor? Como solo tenemos: 'Cómo cargar grapesjs por previsualización predeterminada'Tu ataque de pilas ¿Podrías contarnos qué intentas conseguir?

artf

@sridharK64 entiendo lo que quieres decir, pero la próxima vez intenta explicarlo un poco mejor. Para activar la vista previa al cargar, esto sería suficiente '''js editor.onReady(() => { editor.runCommand('core:previsualización') }); ```...

GJS Helper

Para cargar GrapesJS en modo de vista previa por defecto, necesitas inicializar el editor y luego ejecutar el comando core:preview integrado. Este comando alterna el estado del editor entre edición y previsualización, ocultando efectivamen...

#60519 de agosto de 2024por SAJAD-CH2 respuestas
Reacciones 0

Problema con el plugin

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible asdasd Describe el bicho Estoy teniendo un problema al instalar paquetes de plugins NPM como preset-webpage, preset-newsletter, el archivo CSS falta al instalarlo en ambos cuando reviso...

artf

@SAJAD-CH, por favor, proporciona una demo en directo reproducible (por ejemplo, a través de stackblitz) cuando abras un problema de error

GJS Helper

Parece que te estás encontrando con un problema común al integrar plugins de GrapesJS en frameworks JavaScript modernos como Angular, donde los archivos CSS no aparecen como archivos independientes en nodemodules para enlaces directos. Est...

#60487 de agosto de 2024por danstarnsRespuesta 1
Reacciones 0

Mecanógrafo

Actualmente, la base de código utiliza versiones desactualizadas de TypeScript. Este ticket tiene como objetivo: Actualizar a la última versión de TypeScript. Asegurar configuraciones de TypeScript consistentes en todos los proyectos. Integrar TypeScript en las canalizaciones de desarrollo y CI para la comprobación au...

GJS Helper

Actualizar y estandarizar TypeScript en toda la base de código GrapesJS es un paso crucial para mejorar la mantenibilidad, detectar errores a tiempo y mejorar la experiencia de los desarrolladores. Esta solución detalla los pasos para logr...

#60477 de agosto de 2024por danstarnsRespuesta 1
Reacciones 0

Proceso de liberación

El proceso para publicar los artefactos de compilación del repositorio GrapesJS ha tenido los siguientes problemas: Se espera que los artefactos provengan directamente de las máquinas de los desarrolladores. - https://github.com/GrapesJS/grapesjs/pull/6041 El proceso es no documentado Tenemos varios paquetes que publi...

GJS Helper

Los problemas relacionados con el proceso de lanzamiento GrapesJS —concretamente, la dependencia de las máquinas de los desarrolladores para los artefactos y la falta de documentación— ponen de manifiesto la necesidad de un flujo de trabaj...

#60467 de agosto de 2024por danstarns2 respuestas
Reacciones 0

Ganchos de compromiso

La base de código actual depende de ganchos de commit para hacer cumplir ciertas reglas y comprobaciones. Este ticket tiene como objetivo: Eliminar los ganchos de commit existentes. Configurar los runners de CI para realizar estas comprobaciones e informar de problemas en la rama de desarrollo o pull requests. Transfe...

danstarns

Relacionado: https://github.com/GrapesJS/grapesjs/issues/6045

GJS Helper

La solicitud de eliminar los hooks de commit del lado del cliente y trasladar sus responsabilidades a los runners de CI es una estrategia sólida para mejorar la consistencia y fiabilidad del flujo de trabajo de desarrollo. Aunque esta es u...

#60457 de agosto de 2024por danstarnsRespuesta 1
Reacciones 0

Linting, Formato

Actualmente, la base de código utiliza herramientas de linting y bibliotecas de formato desactualizadas. Este ticket tiene como objetivo: Actualizar a las últimas versiones de las herramientas de linting y bibliotecas de formato. Asegurar reglas consistentes de linting y formato en todos los proyectos. Integrar estas...

GJS Helper

Estandarizar el linting y el formato es crucial para mantener la calidad del código y un entorno de desarrollo cohesivo dentro de la base de código GrapesJS . Esta iniciativa mejorará significativamente la experiencia de los desarrolladore...

Explora todos los temas