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

#538615 de septiembre de 2023por kmkaliraj2 respuestas
Reacciones 0
bugquestioncanvas

No se pueden leer propiedades de indefinido (leyendo 'ancho')

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Arista Enlace de demo reproducible NA Describe el bicho ¿Cómo reproducir el bicho? Versión: 0.18.2 Tenemos el siguiente error registrado en nuestro sistema desde el módulo grapejs. No estamos seguros de en qué escenario s...

artf

0.18.2 es una versión bastante antigua, tienes que actualizar

GJS Helper

El error de TypeError: Cannot read properties of undefined (reading 'width') en GrapesJS 0.18.2, originado en getTargetToElementFixed y updateToolsGlobal, indica que las herramientas internas de GrapesJS(como el selector, el redimensionado...

Ver detalles
#538514 de septiembre de 2023por padcom4 respuestas
Reacciones 0
bugquestiontypescript

GetDirtyCount() no determinista después de la carga

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://github.com/padcom/grapesjs-bug-dirty-count-non-deterministic/blob/master/index.html Describe el bicho Actualmente, cuando el usuario llama a 'await load()', el recuento sucio es...

artf

También se añadieron opciones de carga para limpiar el estado interno del editor después de la postcarga '''js const storageOptions = {}; const loadOptions = { clear: true }; await editor.load(storageOptions, loadOptions); editor.getDirtyC...

padcom

¡Gracias! ¡Espero con ganas la próxima versión!

artf

Ya disponible aquí https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6

Ver detalles
#538112 de septiembre de 2023por sammrafiRespuesta 1
Reacciones 0
questionstyle-managerbug

CSS duplicado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 116.0.5845.187 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/bw4Lxp6c/ Describe el bicho ¿Cómo reproducir el bicho? Cuando añado una columna, genera CSS duplicado en @media (ancho máximo: 76...

GJS Helper

El problema que has encontrado con reglas CSS duplicadas, específicamente flex-wrap:wrap; para la clase .row dentro del bloque @media (max-width: 768px) , es un comportamiento conocido que puede ocurrir en GrapesJS bajo ciertas condiciones...

Ver detalles
#537912 de septiembre de 2023por Sw33tgt4 respuestas
Reacciones 4
questioncomponentsbugcanvastypescript

Las modificaciones de clase de los componentes no se detectan automáticamente

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome Versión 116Enlace de demo reproducible https://jsfiddle.net/h5b0ndvL/1/Describe el bicho Cuando un componente se vuelve a renderizar en el lienzo, se renderiza un nuevo atributo añadido a la definición del modelo, pe...

Sw33tgt

Por ahora, como solución temporal, he añadido esto en una función 'editor.on('component:mount', (component) => {});' hasta que se reciba cualquier retroalimentación. Parece que funciona bien. En el caso de que una clase se elimine de la de...

Sw33tgt

sí, esto es intencionado con las clases, con tu enfoque no podrás eliminar clases definidas del componente, seguirán añadiéndose en el componente dentro de la estructura. Lo cual está bien cuando una clase ha sido olvidada en un componente...

Sw33tgt

Algo así en la función initClasses() de Component.ts añadiría las nuevas clases al elemento en render. Déjame saber qué te parece: '''Manuscrito mecanografiado const cls = this.get('classes') || attrCls || []; Cambiando de const a Sea sea...

Ver detalles
#537811 de septiembre de 2023por Sw33tgt4 respuestas
Reacciones 0
bugquestioncomponentscanvastypescript

ErrorTipo no capturado: No se pueden leer propiedades de undefined (leyendo 'Lienzo') mientras se arrastra un componente en el Panel del Gestor de Capas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v116.0.5845.97 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Seleccionar cualquier componente del lienzoAbrir el Panel del Gestor de CapasSelecciona el prime...

Sw33tgt

Bajé a la v0.21.4 y ya no tengo el problema, así que solo ocurre en la última versión disponible.

padcom

Tengo el mismo problema en los ejemplos más sencillos. Hacer downgrade a 0,4 hace que desaparezca. ¿Regresión?

artf

Sí, ya está arreglado aquí. Voy a posponer un nuevo lanzamiento para finales de esta semana.

Ver detalles
#537711 de septiembre de 2023por Akkiiiiiii4 respuestas
Reacciones 0
bugquestiontypescript

Error: node_modules/grapesjs/dist/index.d.ts:12551:2 - error TS1005: '?' esperado. 12551 }> ? C : {}) | indefinido) => (editor: Editor) => vacío; ~ Error: node_modules/grapesjs/dist/index.d.ts:12558:3 - error TS1005: '?' esperado. 12558 }> ? C : {}) | indefinido) => (editor: Editor) => vacío;

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeDescribe el bicho Tras actualizar la nueva versión 0.21.5 que recibe estos errores. Estamos trabajando con grapesjs + angular, grapesjs v 0.21.5 no está disponible en jsFiddle ni en codeSandbox ahora mismo, así que es...

Akkiiiiiii

@artf ¿puedes revisar este, por favor?

THEWebDegenerate

Yo uso Safari y Chrome El martes 12 de septiembre de 2023 a las 22:52 Akshay jangid @.> Escribió:@artf <https://github.com/artf> ¿puedes revisar este, por favor?—Responde directamente a este correo, viséalo en GitHub<https://github.com/Gra...

ghost

+1 después de la actualización

Ver detalles
#53738 de septiembre de 2023por padcom4 respuestas
Reacciones 1
bugquestiongeneral

'getDirtyCount()' devuelve '1' tras cargar

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible https://github.com/padcom/grapes-bug-dirty-after-loading/blob/master/src/App.vue#L37 Describe el bicho Clonar y comenzar el proyectoAbrir consola Comportamiento actual:...

artf

Hola @padcom este es un comportamiento esperado ya que la propia carga actualiza el estado del editor. Simplemente puedes limpiar el contador sucio usando 'editor.clearDirtyCount()' justo después de cargar manualmente.

padcom

Ten en cuenta que si activas la 'carga automática': y desactivar la carga: el número de cambios es '0', aunque el resultado es el mismo: la página se carga. Como en mi proyecto necesito desesperadamente poder cargar la página en un momento...

padcom

¿Perdón? ¿Hablas en serio de que es el comportamiento "esperado"? ¿Has visto en algún otro editor que el proyecto se modifica automáticamente al cargar y luego se guarda automáticamente? Me cuesta creerlo.

Ver detalles
#53728 de septiembre de 2023por uncldrwRespuesta 1
Reacciones 0
style-managercomponentsbugquestioncanvas

No se puede añadir AtRule personalizado (@container, @font-face)

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Windows, Chrome, React Enlace de demo reproducible / Describe el bicho Al intentar añadir una atRules personalizada como @container o @font-face, el CSS compila consistentemente a @media en su lugar. He probado varios mét...

GJS Helper

El problema que estás encontrando cuando se compilan reglas personalizadas como @container o @font-face para @media al usar editor.Css.addRules es una limitación conocida en la CssComposeractual de GrapesJS. Causa raíz GrapesJS's CssCompos...

Ver detalles
#53635 de septiembre de 2023por rozek4 respuestas
Reacciones 0
bugquestioncanvastypescript

No se pueden "ordenar" elementos del panel de capas

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 1.56.20 Chromium: 115.0.5790.171 (Versión Offizieller) (arm64)Enlace de demo reproducible ningunoDescribe el bicho Cuando intento reordenar los elementos de mi lienzo ordenándolos en el panel de capas, repito el sig...

arbisyarifudin

Estoy teniendo el mismo problema

rozek

'Sorter.ts:500' contiene 'const cv = this.em!. 'Canvas', que es obviamente incorrecto (ya que 'em' es nulo o indefinido) Desafortunadamente, actualmente no entiendo el código con todas sus abreviaturas, pero: ¿cambiaría la línea 499 a 'si...

artf

Cierre como duplicado de https://github.com/GrapesJS/grapesjs/issues/5355

Ver detalles
#53625 de septiembre de 2023por rozek4 respuestas
Reacciones 0
componentstypescriptbugquestion

Funciones de propiedad arrastrables/soltables que no se llaman al arrastrar

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 1.56.20 Chromium: 115.0.5790.171 (Versión Offizieller) (arm64) Enlace de demo reproducible ninguno Describe el bicho He definido mis propios tipos de componentes con reglas específicas de arrastrar y soltar: pero...

rozek

incluso con 'arrastrable' y 'soltable' en 'verdadero', no puedo arrastrar un elemento a otro

rozek

Una primera solución que ayuda a colocar componentes en otros componentes:eliminar 'dragMode:'absolute', de 'grapesjs.init({...})`En su lugar, añade 'dmode:'absolute' a 'model.defaults' de cada tipo de componente que quieras que sea arrast...

artf

En modo absoluto, no existe el concepto de mover componentes dentro o fuera de otros componentes. Un componente en modo absoluto solo se actualiza en posición de estilo, no se mueve en el DOM, por eso no tiene sentido que funcione arrastra...

Ver detalles

Explora todos los temas