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

#511214 de mayo de 2023por putzwasser4 respuestas
Reacciones 0

GrapeJS/arrastrar y soltar no funciona para Brave en Linux y Wayland

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 1.51.110 Chromium: 113.0.5672.77 (Versión Oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/docs/getting-started.html#add-blocks Describe el bicho En Linux, Wayland (Arch Linux y Gnome) usando Br...

artf

Comprobando con la misma versión de Brave (en Mac), el arrastrar y soltar parece funcionar correctamente, así que no parece un problema ni con GrapesJS ni con el navegador. Si alguien más experimenta lo mismo o tiene más contexto sobre el...

gxanshu

Estoy teniendo el mismo problema con Tauri. Usan WebGTK y arrastrar y soltar no funciona tan bien allí

putzwasser

Al comprobar con la misma versión de Brave (en Mac), el arrastrar y soltar parece funcionar correctamente, así que no parece un problema ni con GrapesJS ni con el navegador. No creo que este cheque sea válido. Tienes una configuración comp...

#510711 de mayo de 2023por siddhi13972 respuestas
Reacciones 0

Al instalar plugins como grapesjs basic block o tui-image-editor, está dando un error de espacio de nombres en node_modules.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible NA Describe el bicho ¿Cómo reproducir el bicho?NPM Instala cualquier plugin desde grapesjs-basic-blocksDespués de eso, ejecuta la aplicación como en mi caso es la aplicación angular ¿Cuá...

artf

Por favor, evita crear problemas de errores si no tienes ningún enlace reproducible

ClaudeCode

Gracias por informar de esto, @siddhi1397. Buena pregunta sobre Al instalar plugins como grapesjs basic block o tui-image-editor aparece un error de espacio de nombres en node_modules.. El enfoque recomendado con GrapesJS es usar la API or...

#510511 de mayo de 2023por Baghunts2 respuestas
Reacciones 1

Añadir estilo o componente por (prop, valor) no es correcto.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome@latest Enlace de demo reproducible https://no-link.com Describe el bicho ! imagen ! imagenCódigo de conducta [X] Acepto seguir el Código de Conducta de este proyecto

artf

Gracias@Baghunts, buen apunte. La solución temporal actual sería '.addStyle({ 'border-left': '...' })`

ClaudeCode

Gracias por informar de esto, @Baghunts. El problema de Añadir style o component by (prop, value) no es correcto. parece ser una condición de carrera o un problema de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vi...

#50903 de mayo de 2023por FaisalShaikhHA2 respuestas
Reacciones 1

La función de script de componentes se ejecuta dos veces después de guardar la página

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 112.0.5615.137 (Construcción oficial) (arm64) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Definición de componentes: Cuando se suelta, guarda y recarga, hay dos sitios que llaman al mismo...

artf

Como se explica aquí, no deberías reimportar el HTML de salida para editar el proyecto, solo el JSON.

ClaudeCode

Gracias por informar de esto, @FaisalShaikhHA. Buena pregunta sobre la función de script de componente se ejecuta dos veces después de guardar la página. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empiez...

#50892 de mayo de 2023por davidrhoderick3 respuestas
Reacciones 0

Importación de errores de la biblioteca codemirror en SCSS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 112.0.1 Enlace de demo reproducible https://github.com/davidrhoderick/grapesjs-test Describe el bicho ¿Cómo reproducir el bicho?Seguir el inicio (puedes ver la estructura que sigo con un proyecto básico de parcela...

davidrhoderick

Curiosamente, el estilo basado en CSS funciona.

artf

Parece que el transformador Parcel está intentando importar 'codemirror/lib/codemirror.js' en lugar de 'codemirror/lib/codemirror.css' en esta línea: '''css @import "codemirror/lib/codemirror"; ``` Así que sugeriría abrir el problema en el...

ClaudeCode

Gracias por informar de esto, @davidrhoderick. ¡Gran sugerencia sobre error al importar la biblioteca codemirror en SCSS! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento sim...

#50862 de mayo de 2023por SagarMaria3 respuestas
Reacciones 0

Style:property:update y Property onChange se activan en exceso

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 112.0.5615.137 (Versión oficial) Enlace de demo reproducible https://jsfiddle.net/SagarMaria/sunygp2f/3/ Describe el bicho ¿Cómo reproducir el bicho?En el jsfiddle, simplemente haz clic en el componente...

artf

El comportamiento es correcto porque 'style:property:update' se activa en cualquier actualización del Administrador de Estilos Property (no solo en su valor). Así que para tu caso específico tendrías que actualizar la callback de esta mane...

SagarMaria

Hola @artf, gracias por la rápida respuesta, pero en realidad, parte del problema sigue siendo que, incluso después de hacer un cambio, por ejemplo, hacer clic en "centrar" alinear opción de radio con la instrucción if que sugeriste, las s...

ClaudeCode

Gracias por informar de esto, @SagarMaria. Buena pregunta sobre Style:property:update y Property onChange que se activan excesivamente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la d...

#508329 de abril de 2023por DanavsSite4 respuestas
Reacciones 0

Los bloques no se pueden arrastrar para el lienzo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Tauri Enlace de demo reproducible Describe el bicho ¿Cómo reproducir el bicho?... ¿Cuál es el comportamiento esperado? ... ¿Cuál es el comportamiento actual?** ... Si es necesario ejecutar algo de código para reproducir e...

DanavsSite

! 2023-04-29 143431-Greenshot

DanavsSite

Acabo de enterarme de que es por WebView 2. Soporte para webview2??!

artf

Creo que esto está más relacionado con alguna configuración Tauri que con GrapesJS, ya que usamos el arrastre y solta nativo de HTML5

#507928 de abril de 2023por TO-JHummel2 respuestas
Reacciones 0

Se cierra al arrastrar a componentes anidados con Vue+Vite.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 112.0.2 (64 bits) Enlace de demo reproducible https://github.com/TO-JHummel/grapesjs-issue Describe el bicho ¿Cómo reproducir el bicho?Inicia la página minimal vue+vite.Coloca el bloque de capitalizedfor en el edi...

artf

Esto es similar a este uno, tienes que poner la instancia del editor fuera de la instancia de Vue para saltarte sus proxies

ClaudeCode

Gracias por informar de esto, @TO-JHummel. Buena pregunta sobre Crash al arrastrar a componentes anidados con Vue+Vite.. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...

#505919 de abril de 2023por abubaker4172 respuestas
Reacciones 0

En el segundo uso de la plantilla de uvas, el editor no acepta CSS que el editor creó con IDs aleatorios la primera vez

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 111.0.5563.147 (Versión oficial) (64 bits) Enlace de demo reproducible No puedo reproducir en jsfilddle. Detallé a continuación. Describe el bicho ¿Cómo reproducir el bicho?Esta es mi plantilla que subí en Grapes,...

artf

@Spiral1234 si no puedes reproducir el problema probablemente sea algo tuyo y sin una demo reproducible es difícil entender qué podría ser un problema

ClaudeCode

Gracias por informar de esto, @abubaker417. Buena pregunta sobre en la segunda vez que el editor de plantillas de uvas de segunda vez no acepta CSS que el editor creó con identificadores aleatorios la primera vez. El enfoque recomendado co...

Explora todos los temas