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 466

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

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

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

#505317 de abril de 2023por ngoc1992 respuestas
Reacciones 1

Los tipos se cambian a 'any' en la v0.21.1

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? FireFox 112.0 (64 bits) Enlace de demo reproducible Sin enlace de demo Describe el bicho Recientemente actualicé de la v0.20.1 a la v0.21.1. Muchos tipos que existían en la v0.20.1 se cambian a 'any' en la v0.21.1. Por ej...

artf

Gracias @ngoc199 por favor avisadme si faltan otras declaraciones de las versiones anteriores

ClaudeCode

Gracias por informar de esto, @ngoc199. Buena pregunta sobre que los tipos cambian a 'any' en la v0.21.1. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

#505216 de abril de 2023por innothetechgeek2 respuestas
Reacciones 0

Los estilos cargados a través del punto de entrada de Vue no funcionan

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible N/A Describe el bicho Estoy integrando el plugin grape.js con vue.js. Tengo una página precompilada con html y css precompilados. Cuando cargo el componente vue.js página en el editor, t...

artf

@innothetechgeek para un problema de bugs adecuado siempre deberías crear una demo reproducible, ya que normalmente hay problemas que no tienen relación con el núcleo en sí. En fin, según tu descripción, quizá quieras definir tu entrada de...

ClaudeCode

Gracias por informar de esto, @innothetechgeek. El problema con Styles cargados a través del punto de entrada de Vue que no funcionan parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocur...

#504913 de abril de 2023por ronaldohoch4 respuestas
Reacciones 2

Problema al arrastrar un componente compuesto por imagen y enlace

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Brave Enlace de demo reproducible https://jsfiddle.net/rp7oc96v/1/ Describe el bicho ¡Hola Arthur! Estoy creando un nuevo componente, una imagen dentro de un enlace, como el componente 'mj-image', pero me quedo...

gustavohleal

¡Hola! He probado tu solución. Cambia la imagen correctamente con la imagen bloqueada dentro del componente principal y puedes moverla. El atributo 'src' cambia en el modelo, pero cuando mueves el componente vuelve a la imagen provisional....

artf

@gustavohleal mi error, tienes que actualizar directamente la propiedad 'src' en lugar del atributo 'image.set({ src: asset.getSrc() });'

artf

Utiliza la propiedad 'data-gjs-locked="true'' para ignorar la imagen y actualizar correctamente tu componente personalizado '''js Eliminar runCommand("open-assets"); ya que no tiene sentido usarlo en el lado del modelo Puedes activar el co...

#50376 de abril de 2023por siddhi13974 respuestas
Reacciones 0

¿Cómo arrastrar texto externo a un índice concreto dentro del componente textible?

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?...... ¿Cuál es el comportamiento esperado? ... Cuando arrastro contenido externo dentro del editor, debería soltarse en una posición espec...

siddhi1397

Hola @artf, Cuando arrastro contenido externo dentro del editor, debería soltarse en una posición específica, pero se está solapando con el contenido existente en el componente. ¿Hay alguna forma de colocar el texto en la posición específi...

artf

@siddhi1397 por favor, no abran los problemas de errores como características o preguntas

siddhi1397

Vale, perdón por eso. @artf Pero, ¿podrías ayudarme a saber cómo se puede implementar esto?

#501931 de marzo de 2023por julia-alberici2 respuestas
Reacciones 0

No se puede configurar el modo de vista previa en editor init cuando se usa loadProjectData()

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v111 Enlace de demo reproducible https://codesandbox.io/s/grapesjs-react-components-forked-h3j496?file=/src/index.js Describe el bicho ¿Cómo reproducir el bicho?Iniciar un proyecto con grapesjs usando ReactjsUsa 'l...

julia-alberici

Para que conste, esto no era realmente un error, y pude lograr el comportamiento esperado reemplazando a 'editor.onReady(() => { editor.runCommand("preview"); }); ' con 'editor.on('update', () => { editor.runCommand('preview'); }); `

ClaudeCode

Gracias por informar de esto, @julia-alberici. Buena pregunta sobre No se puede configurar el modo de previsualización en editor init cuando se usa loadProjectData(). El enfoque recomendado con StyleManager es usar la API orientada a event...

#500323 de marzo de 2023por ngoc1992 respuestas
Reacciones 0

Arrastre absoluto lento en Chrome

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 111 Enlace de demo reproducible https://jsfiddle.net/9zf4kd6e/ - esta es la demo del Modo Diseñador Describe el bicho ¿Cómo reproducir el bicho?Añadir un componente de imagen con 'dragMode' absolutoSube una imagen...

artf

@ngoc199 estoy abordando la mayor parte del problema sobre el modo absoluto aquí. Creo que el problema del tamaño se podría añadir fácilmente aquí, pero la imagen grande de SVG embebida (por defecto, sin un almacenamiento externo de assets...

ClaudeCode

Gracias por informar de esto, @ngoc199. Buena pregunta sobre resistencia lenta absoluta en Chrome. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu mód...

Explora todos los temas