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
#542526 de septiembre de 2023por javadsamiee2 respuestas
Reacciones 2
questionstyle-managercomponentsbugtypescript

Al añadir una página similar, solo cambian los identificadores de componentes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 117 Enlace de demo reproducible https://jsfiddle.net/mirjavad/ctsx7zer/5/ Describe el bicho Quería crear una acción de clon para una página y noté este error. ¿Cómo reproducir el bicho?Crear varias páginas con el mismo ID...

artf

Buen detalle @javadsamiee se corregirá en la próxima versión

GJS Helper

El problema que has encontrado es un comportamiento conocido en GrapesJS al inicializar varias páginas con componentes que comparten los mismos IDs iniciales y estilos inline correspondientes. GrapesJS identifica y renombra correctamente l...

Ver detalles
#542426 de septiembre de 2023por bgrand-ch2 respuestas
Reacciones 1
questioncomponentsbugstyle-managertypescript

El evento 'component:styleUpdate' no se activa

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 116.0.5845.187Enlace de demo reproducible https://jsfiddle.net/yLcvbwjd/Describe el bicho ¿Cómo reproducir el bicho?Añadir el evento 'component:styleUpdate'Actualizar el estilo de un componente con 'addStyle' o 'setS...

bgrand-ch

@artf ❤️

GJS Helper

El evento component:styleUpdate en GrapesJS es un evento a nivel de editor que se activa principalmente por el Gestor de Estilos GrapesJS u otros mecanismos internos del editor cuando el estilo de un componente se modifica a través de la i...

Ver detalles
#539819 de septiembre de 2023por padcom2 respuestas
Reacciones 0
typescriptbugquestion

Declaración de tipo faltante de exportaciones en package.json

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://github.com/padcom/grapesjs-import-errorDescribe el bicho La 0.21.6 cambió la forma en que se exportan las cosas y ahora VSCode no ve declaraciones de tipos: ! imagen Ocurre cuando T...

padcom

PR: https://github.com/GrapesJS/grapesjs/pull/5399

GJS Helper

Este es, de hecho, un informe de error válido relacionado con cómo TypeScript resuelve declaraciones de tipos al usar estrategias modernas de resolución de módulos, específicamente moduleResolution: "bundler" (o node16/nodenext). Causa raí...

Ver detalles
#538916 de septiembre de 2023por hannydevelop3 respuestas
Reacciones 1
bugquestiontypescript

GrapesJS v0.21.5 no funciona en NodeJS (sin cabeza)

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? ChromeV117.0.5938.62 Enlace de demo reproducible https://stackblitz.com/edit/node-1zsusv Describe el bicho ¿Cómo reproducir el bicho? Ejecuta 'node index.js' para iniciar la aplicación. ¿Cuál es el comportamiento esperado...

hannydevelop

¿Puedes comprobar con la última versión https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6 Muchas gracias @artf esto funciona perfectamente.

artf

¿Puedes consultar con la última versión https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6

GJS Helper

El problema que te encuentras, TypeError: grapesjs.init is not a function al ejecutar GrapesJS en un entorno Node.js, proviene de un malentendido fundamental sobre cómo funciona GrapesJS y el propósito de la opción headless: true . Causa r...

Ver detalles
#538816 de septiembre de 2023por hannydevelop4 respuestas
Reacciones 0
questionbugdocumentationtypescript

El modo sin interfaz devuelve HTML diferente del editor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? ChromeV117.0.5938.62 Enlace de demo reproducible https://codesandbox.io/embed/quizzical-galileo-cqldjh?fontsize=14&hidenavigation=1&theme=dark Describe el bicho ¿Cómo reproducir el bicho?Páginas de tienda usando el admini...

artf

Hola @hannydevelop tienes tipos de componentes personalizados pero no has pasado ningún plugin en 'grapesjs.init', por eso se aplica el 'div' por defecto

hannydevelop

hola @hannydevelop tienes tipos de componentes personalizados pero no has pasado ningún plugin en 'grapesjs.init', por eso se aplica el 'div' por defecto Siento estar abriendo esto de nuevo, añadir el plugin de forma normal devuelve un err...

artf

@hannydevelop puedes mostrar el código, por favor?

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

Explora todos los temas