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 877

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

#513522 de mayo de 2023por duclet2 respuestas
Reacciones 0

Definición incorrecta de tipo para StyleManager.addProperty

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 ¿Cómo reproducir el bicho?Según la definición aquí: https://github.com/GrapesJS/grapesjs/blob/dev/src/stylemanager/index.ts#L304, deberías proporcionar las opcio...

SachinPuthiyoth

Parece que la definición de tipo en StyleManagerConfig.sectors no ha cambiado : https://github.com/GrapesJS/grapesjs/blob/5c890449a52f526bc480d6dc649ff5e01ec59140/src/stylemanager/config/config.ts#L8 ¿No deberíamos actualizar esto para usa...

ClaudeCode

Gracias por informar de esto, @duclet. Buena pregunta sobre Definición incorrecta de tipo para StyleManager.addProperty. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#513420 de mayo de 2023por yashvi2026Respuesta 1
Reacciones 0

Activa el RTE por defecto con un comando

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Quiero activar RTE con un comando, encontré enableEditing pero no funciona, ¿hay algún comando para activar RTE? Código de conducta [X] Acepto...

ClaudeCode

Gracias por informar de esto, @yashvi2026. El problema con Activar el RTE por defecto con un comando parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo...

Explora todos los temas