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 336

🔍 style-manager
#523211 de julio de 2023por bgrand-ch4 respuestas
Reacciones 5

Trabajador - Sin interfaz de texto "documento no está definido"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 114.0.5735.133 Enlace de demo reproducible Es imposible añadir una obrera para reproducirse. Describe el bicho ¿Cómo reproducir el bicho?Añadir un trabajador web.Inicializar GrapesJS con la opción "headless" dentro del tr...

artf

Hola @bgrand-ch, desafortunadamente todo lo que involucra el analizador (HTML/CSS) requiere que la API relacionada con el DOM esté disponible. Para el CSS quizá puedas probar a usar parser-postcss plugin, esperaría que funcione en el entor...

bgrand-ch

Hola @artf, muchas gracias por tu respuesta 😄 rápida, lo intentaré esta semana.

bgrand-ch

@artf El plugin de analizador CSS de Post funciona perfectamente en un web worker! Gracias por tu ayuda.

#522910 de julio de 2023por joukhar4 respuestas
Reacciones 1

Textnode con contenido "null" se representa como "null", no como espacio en blanco

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 114.0.5735.199 (Versión oficial) (64 bits)Enlace de demo reproducible N/ADescribe el bicho ¿Cómo reproducir el bicho?Suelta este componente '<clase div=\"Flex objetos-centro redondeado sombra-md desbordami...

artf

Probablemente en la primera semana de agosto

artf

Hola @joukhar ¿está pasando con la última versión? Puedo ver 'null' en el código de exportación si uso tu ejemplo exacto de JSON (eso debería solucionarse), pero no puedo generar esos 'textnode' con 'null' usando tu ejemplo HTML, ¿puedes c...

joukhar

Gracias por la repetición, si necesitas una demo así que dadme tiempo hasta que la haga, comentaré de nuevo cuando la termine El problema solo ocurre cuando lo guardas y cargas, pero cuando dejas caer el componente por primera vez no pasa...

#52217 de julio de 2023por Staubgeborener2 respuestas
Reacciones 0

Versión de escritorio en un dispositivo móvil incorrecto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Safari 16.5Enlace de demo reproducible https://grapesjs.com/demo.html https://staubgeborener.de/Describe el bicho Estaba probando la demo. No cambié nada, solo que simplemente hice clic en el botón 'ver código' y descargué...

artf

Esto no está relacionado con el núcleo, sino simplemente con la meta etiqueta que falta en el HTML exportado desde el demo.html '''html <meta nombre="viewport" content="width=device-width,initial-scale=1"> ``` Si quieres enviar una residen...

ClaudeCode

Gracias por informar de esto, @Staubgeborener. Buena pregunta sobre la versión de escritorio en un dispositivo móvil incorrecto. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la document...

#520728 de junio de 2023por gxanshu3 respuestas
Reacciones 1

CSS duplicado durante la creación de varias páginas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible https://codesandbox.io/s/withered-bush-wv29dx?file=/index.js Describe el bicho ¿Cómo reproducir el bicho?... Crea varias páginas en grapesjs.init()... Revisa los estilo...

artf

Esto es intencionado y no planeo cambiar este comportamiento, ya que puedes crear selectores CSS específicos si necesitas estilos diferentes por página. El gran beneficio de este enfoque es permitir reutilizar selectores entre páginas.

hasan-aa

Creo que estoy teniendo un problema con este enfoque. Estoy guardando las páginas en el servidor así: '''JS const component = page.getMainComponent(); const css = editor.getCss({ component, avoidProtected: true }) saveToBackendApi(componen...

ClaudeCode

Gracias por informar de esto, @gxanshu. Buena pregunta sobre CSS duplicado durante la creación de varias páginas. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

#518414 de junio de 2023por acantepie2 respuestas
Reacciones 1

La barra de herramientas de componentes del ckeditor no se actualiza correctamente

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 113.0.5672.126 (Versión oficial) (64 bits)Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.htmlDescribe el bicho ¿Cómo reproducir el bicho?Entra en la web de demostración: https://grapesjs.com...

artf

Gracias @acantepie por favor abre el problema en el repositorio adecuado, ya que este no está relacionado con el núcleo

ClaudeCode

Gracias por informar de esto, @acantepie. Buena pregunta sobre La barra de herramientas de componentes del ckeditor no se actualiza correctamente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Co...

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

#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

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

#513120 de mayo de 2023por sdimitrenco2 respuestas
Reacciones 0

Después de JSON.stringify, los componentes no tienen todos los campos

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://jsfiddle.net/sdimitrenco/rn8u4pc0/7/Describe el bicho No estoy seguro de si es un error o no, pero para mí, el comportamiento parece extraño Tengo una lista de componentes que inclu...

artf

Si la propiedad tiene el mismo valor que la definición por defecto, se omit. Esto se controla mediante la opción de configuración 'avoidDefaults' y se recomienda encarecidamente mantener fiel a tener JSONS tan pequeños como sea posible.

ClaudeCode

Gracias por informar de esto, @sdimitrenco. El problema con Después de JSON.stringify Componentes no tienen todos los campos parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los evento...

Explora todos los temas