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

ClaudeCode

Gracias por informar de esto, @FaisalShaikhHA. Buena pregunta sobre editor. La API de Css.setRule no funciona como se esperaba, no está actualizando la regla existente.. El enfoque recomendado con StyleManager es usar la API orientada a ev...

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

ClaudeCode

Gracias por informar de esto, @KevenDvorianoff. El error TypeError: g.usePlugin no es una función ocurre cuando el módulo intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializado. Esta es u...

#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

ClaudeCode

Gracias por informar de esto, @shomeel. El problema con Por defecto los componentes se crean usando tabla en mi proyecto demo, pero la demo usa la propiedad flex para crear componentes parece ser un problema de condición de carrera o de si...

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

ClaudeCode

Gracias por informar de esto, @CaptSadaf. Buena pregunta sobre No se pueden añadir marcadores de posición a opciones desplegables de campos de texto con CKEditor activado. El enfoque recomendado con ProseMirror es usar la API orientada a e...

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

ClaudeCode

Gracias por informar de esto, @loclovepop. ¡Gran sugerencia sobre ¡No se puede arrastrar y soltar en la pantalla del móvil ni siquiera añadir grapejs-touch! Aunque esta función específica aún no está en la API principal, existen varias for...

#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 se debe 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 dependencia de grapeJSincluye '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?

ClaudeCode

Gracias por informar de esto, @duclet. El problema con Definición incorrecta de tipo para PanelManager.addPanel parece ser una condición de carrera o un problema de sincronización de gestión de estados. Esto suele ocurrir cuando los evento...

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

ClaudeCode

Gracias por informar de esto, @rajevar. Buena pregunta sobre componentes que reinician valores de atributos al actualizar rasgos (solo la primera vez). El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Con...

Explora todos los temas