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

#51739 de junio de 2023por FaisalShaikhHA3 respuestas
Reacciones 1

Editor. La API de Css.setRule no funciona como se espera, no está actualizando la regla existente.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 112.0.5615.137 (Versión oficial) (arm64) Enlace de demo reproducible https://jsfiddle.net/yhj6qa1u/6/ Describe el bicho ¿Cómo reproducir el bicho?Seleccionar un componente y añadir algo de estilo usando el Gestor...

artf

Hola @FaisalShaikhHA este es un comportamiento esperado, pero supongo que la documentación de 'setRule' es un poco engañosa. La regla en realidad se actualiza (no crea una nueva con el mismo selector), pero los estilos simplemente se reemp...

FaisalShaikhHA

Gracias @artf por la aclaración

GJS Helper

El comportamiento que observas con editor.Css.setRule no es un error, sino cómo está diseñada la API de GrapesJS CSS Composer para gestionar actualizaciones de reglas. Cuando llamas a editor.Css.setRule(selector, styleObject), si ya existe...

#51676 de junio de 2023por KevenDvorianoff2 respuestas
Reacciones 0

UsePlugin no es una función

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? TodosEnlace de demo reproducible NingunoDescribe el bicho Siguiendo la documentación sobre cómo crear un plugin usando typescript y usando la función "usePlugin" para importar el plugin al editor, el navegador muestra el si...

sneddobuilds

Me pasa lo mismo.

GJS Helper

El error de TypeError: g.usePlugin is not a function en GrapesJS suele surgir de un malentendido sobre cómo se registran y cargan los plugins, confundiendo específicamente el objeto global de la biblioteca de grapesjs con una instancia edi...

#51646 de junio de 2023por shomeel2 respuestas
Reacciones 0

Por defecto, los componentes se crean usando tabla en mi proyecto de demostración, pero la demo usa la propiedad flex para crear componentes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 112.0.5615.49 (Versión oficial) (x86_64) Enlace de demo reproducible https://jsfiddle.net/shomeelconovo/k7L2rthg/1/ Describe el bicho Necesito ayuda con algo relacionado con el grapes.js. He creado un proyecto y c...

artf

https://github.com/GrapesJS/grapesjs/discussions/5163#discussioncomment-6162516

GJS Helper

La diferencia en las propiedades predeterminadas de display entre tu proyecto de GrapesJS y la demo oficial proviene del CSS cargado en el iframe de canvas de GrapesJS , no de que GrapesJS en sí imponga display: table o display: flex unive...

#51591 de junio de 2023por CaptSadaf3 respuestas
Reacciones 0

No se pueden añadir marcadores de posición en opciones de campo desplegable de texto con CKEditor activado

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://codepen.io/darrenbawag/pen/JjWBLrpDescribe el bicho ¿Cómo reproducir el bicho?Abre este enlace https://codepen.io/darrenbawag/pen/JjWBLrp e intenta mostrar el desplegable marcador a...

CaptSadaf

cc: @jcamejo @artf

artf

Esas acciones solo están disponibles para el RTE integrado; si lo sustituyes por un RTE personalizado como CKEditor no las ves. Tienes que usar el propio CKEditor para tu lógica personalizada.

GJS Helper

El problema que estás encontrando proviene de una diferencia fundamental en cómo el editor de texto enriquecido (RTE) por defecto de GrapesJSy CKEditor gestionan las personalizaciones de la barra de herramientas. Cuando activas grapesjs-pl...

#515631 de mayo de 2023por loclovepop3 respuestas
Reacciones 0

No se puede arrastrar y soltar en la pantalla del móvil, ni siquiera añadir grapejs-touch

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome, IOSEnlace de demo reproducible https://www.lovepoptestsite.com/products/disney-s-hocus-pocus-black-flame-candle-pop-up-card?variant=40356218077273&previewlink=124907487321 Contraseña: ilovecardsDescribe el bicho ¿Có...

loclovepop

screencast-www.lovepoptestsite.com-2023.06.01-001711.webm Este es un vídeo del bug

artf

Veo que el plugin táctil funciona correctamente, asegúrate de tener el dispositivo móvil activado al cargar (por ejemplo, no simulado después de cargar) para que el polyfill pueda cargarse correctamente.

GJS Helper

El problema que experimentas con el arrastrar y soltar que no funciona en pantallas móviles cuando GrapesJS está incrustado en tu entorno de "tienda de pruebas", a pesar de usar grapesjs-touch, es un problema común en aplicaciones web comp...

#515431 de mayo de 2023por jmtt894 respuestas
Reacciones 6

TS2416: La propiedad '_up' en el tipo 'PropertyStack' no se puede asignar a la misma propiedad en el tipo base 'PropertyComposite<PropertyStackProps>'

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? ---- Enlace de demo reproducible https://codesandbox.io/p/sandbox/pensive-browser-mfhxp8 Describe el bicho ¿Cómo reproducir el bicho? Crear Proyecto AngularAñadir grapeJS dependenciaincluir "allowSyntheticDefaultImports":...

marktamis

Copié algunos ajustes de tsconfig de un proyecto gjs de vite que funcionaba a mi proyecto stenciljs y ahora funciona correctamente. Creo que necesitas hacer algunos ajustes en tu tsconfig de Angular y ya no debería mostrar el error A conti...

Deepakanandrao

"skipLibCheck": cierto, "SkipLibCheck": verdadero "'' funcionó. ¡Gracias@marktamis 👍

artf

Sí, aquí es necesario 'skipLibCheck": true' hasta que encuentre la solución para esa salida 😞 TS

#514929 de mayo de 2023por jchautreux4 respuestas
Reacciones 0

Plugins y opciones sin nombre

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Todo y ninguno, el error está durante la construcción Enlace de demo reproducible innecesario Describe el bicho ¿Cómo reproducir el bicho? Usa NPM para instalar GrapesJS y usarlo en un proyecto typescript. Según la docume...

artf

Esto parece estar relacionado con https://github.com/microsoft/TypeScript/issues/35945 Como solución temporal podrías hacer algo así por ahora: '''js pluginsOpts: { [myPlugin.toString()]: { customField: 'customValue' } }

jchautreux

Eso parece una buena idea

artf

He añadido el ayudante aquí (también actualizaré la documentación con el uso más adelante)

#514829 de mayo de 2023por jchautreux4 respuestas
Reacciones 0

Ninguno de los plugins oficiales de GrapesJS funciona con el nuevo index.d.ts

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Todo y ninguno, el error está durante la construcción Enlace de demo reproducible innecesario Describe el bicho ¿Cómo reproducir el bicho?Crear un proyecto en blancousar NPM para instalar GrapesJS y un plugin (preset-webp...

artf

Cierro esto en relación con https://github.com/GrapesJS/grapesjs/issues/5149

jchautreux

Ese no es realmente el mismo problema, en el #5149, el error está relacionado con cómo configurar las opciones del plugin durante la inicialización de la herramienta. Aquí, el error está relacionado con la última actualización del proyecto...

artf

En la versión anterior, 'index.d.ts' tenía la misma firma para los plugins, así que no estoy seguro de a qué cambio te refieres https://github.com/GrapesJS/grapesjs/blob/095466c8cc8034e54888d67beef4cb9296c823e4/index.d.ts#L50-L53 ¿Puedes c...

#514425 de mayo de 2023por duclet3 respuestas
Reacciones 1

Definición incorrecta de tipo para PanelManager.addPanel

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Todos Enlace de demo reproducible Ninguno Describe el bicho La definición de la función ubicada aquí: https://github.com/GrapesJS/grapesjs/blob/v0.21.1/src/panels/index.ts#L82 requiere que los datos dados sean la instanci...

duclet

@artf - No leíste la frase completa. Se puede ver claramente en el propio código que requiere el argumento dado como el objeto completo 'Panel'. En tu documentación (como está enlazado), no le estás asignando el objeto completo 'Panel' del...

artf

La documentación del sitio dice que los parámetros dados solo pueden ser un objeto con las propiedades Perdona, ¿dónde lees exactamente esa afirmación?

GJS Helper

Gracias por informar de esto y llamarnos la atención. Es importante asegurar claridad entre las definiciones de tipo y la documentación. Tras revisar el código fuente GrapesJS v0.21.1 y la documentación, parece que no hay discrepancia, sin...

#514124 de mayo de 2023por rajevar3 respuestas
Reacciones 1

El componente reinicia los valores de los atributos al actualizar los rasgos (solo por primera vez)

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 113.0.5672.63 Enlace de demo reproducible https://jsfiddle.net/rajevar/zLs8q97f/4/ Describe el bicho Esto hace referencia a esta discusión https://github.com/GrapesJS/grapesjs/discussions/4759 ¿Cómo repr...

rajevar

Perdona, mi culpa. No estaba usando la última.

artf

@rajevar no puedo reproducirlo con la última versión, ¿estás seguro de que usas la última?

GJS Helper

Has identificado un problema común de sincronización en GrapesJS relacionado con cómo se gestionan los atributos de los componentes, especialmente cuando las clases se modifican mediante el Gestor de Estilos y luego se actualizan por prime...

Explora todos los temas