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 545

🔍 typescript
#407917 de enero de 2022por jloguercio2 respuestas
Reacciones 0

La nueva versión v0.18.1 rompe el script para hacer !important en styleable:change

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible Sin demo Describe el bicho Uso el código de abajo para hacer que todos los estilos sean !importantes '// Haz que todos los estilos sean importantes para anular las clases de elemento...

artf

Oye, tío, ni siquiera he terminado de escribir el comunicado 😅, cálmate... Lee aquí, por favor https://github.com/artf/grapesjs/releases/tag/v0.18.1 Style Manager se actualizó mucho, si algo no funciona, nadie te obliga a actualizar...

ClaudeCode

Gracias por informar de esto, @jloguercio. El problema con La nueva versión v0.18.1 rompe el script para hacer !importante en styleable:change parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto s...

#407114 de enero de 2022por clonefunnels2 respuestas
Reacciones 0

Las imágenes de fondo en la página no funcionan porque el CSS carga sin ; al final de la URL

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome y Firefox Enlace de demo reproducible https://www.teamfunnels.net/login.php demo demo Describe el bicho Falta; después de .png) El editor carga así cuando hay imágenes de fondo en la página y no se muestran. <style...

clonefunnels

Creo que causé este problema con un cambio de cuerda. Perdón

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con las imágenes de fondo en la página no funciona porque el CSS carga sin ; al final de la URL parece haber una condición de raza o un problema de sincronización de gestión de estad...

#40588 de enero de 2022por clonefunnels2 respuestas
Reacciones 0

El guion cambiado a "por el editor desajusta la programación moderna".

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible No es necesario - Problema obvioDescribe el bicho Esto es lo que el código necesita ser: data-zanim-lg='{"from":{"opacity":1,"x":70},"to":{"opacity":1,"x":0},"ease":"CubicBezier,"duration":...

artf

Esto no es un error, sino cómo funciona el escape de atributos en HTML. '''js domEl.innerHTML = '<div data-attr='{"key": "value"}'>Text</div>'; domEl.innerHTML; -> '<div data-attr=&quot;{&quot;key&quot;: &quot;value&quot;}&quot;>Text</div>...

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con Guion cambiado a " por el editor altera la programación moderna. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuan...

#40422 de enero de 2022por sanjanaadeshra3 respuestas
Reacciones 0

Los iconos no se cargan al cargar dentro de una aplicación angular

Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://stackblitz.com/edit/angular-dei45q?file=src%2Fapp%2Fapp.component.tsDescribe el bicho He añadido una imagen adjunta para dar una idea de cómo es el editor ¿Cuál es el comportamiento esperado...

sanjanaadeshra

Pude solucionar este problema añadiendo los iconos de font awesome css directamente al archivo grape.min.css. No sé por qué tuvo que hacerse eso si el CSS ya se estaba importando, funciona con esa solución alternativa, pero sería mejor si...

artf

Tu demo no parece cargar, y la versión de grapesjs que usas ahí está bastante desactualizada ('0.14.15'). Por favor, actualiza y la próxima vez abre el nuevo problema de bugs respecto a la última versión.

ClaudeCode

Gracias por informar de esto, @sanjanaadeshra. El problema con los iconos no se cargan al cargar dentro de una aplicación angular parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir...

#401011 de diciembre de 2021por clonefunnelsRespuesta 1
Reacciones 0

Versión GrapesJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome / Firefox Enlace de demo reproducible https://www.teamfunnels.net/login.php demo demo Describe el bicho Cuando uso este código para que todo el estilo sea importante... editor.on('styleable:change', (model, propert...

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con * parece ser una condición de carrera o un problema de temporización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modif...

#397223 de noviembre de 2021por ronaldohoch2 respuestas
Reacciones 1

No se puede soltar un IMG dentro de la etiqueta NoScript

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave Versión 1.32.106 Chromium: 96.0.4664.45 (Versión oficial) 64 bits Enlace de demo reproducible https://jsfiddle.net/960huLz5/ Describe el bicho ¿Cómo reproducir el bicho?Uvas abiertasejecutar: 'editor.addComponents('...

artf

Hola @ronaldohoch gracias por el informe. Lo que dices es cierto, pero desafortunadamente, este es el resultado del análisis del HTML nativo DomParser, así que no veo una forma adecuada de solucionarlo. '''js const parser = nuevo DOMParser...

ClaudeCode

Gracias por informar de esto, @ronaldohoch. Buena pregunta sobre no se puede soltar un img dentro de la etiqueta noscript. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#395117 de noviembre de 2021por majidh13 respuestas
Reacciones 3

Eventos en assetmanager no funcionando

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible sin enlace Describe el bicho editor.on("Asset:Upload:Start",console.log) no funciona Después del versión: 17.00.26 No funciona AssetManager Eventos Activo:Upload:Start o Activo:Upload:Fi...

cusmai

Hola, sigo sin funcionar, los eventos no se cancelan:

artf

Arreglado aquí https://github.com/artf/grapesjs/pull/3934/files

ClaudeCode

Gracias por informar de esto, @majidh1. El problema con Eventos en assetmanager que no funciona 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 de vi...

#395017 de noviembre de 2021por ttjpatricRespuesta 1
Reacciones 0

No se puede crear un enlace a la imagen

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v95 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado? Cuando arrastramos y soltamos una imagen en el objeto del bloqu...

ClaudeCode

Gracias por informar de esto, @ttjpatric. Buena pregunta sobre No se puede crear un enlace a la imagen. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módul...

#394816 de noviembre de 2021por Sudhin352 respuestas
Reacciones 0

Mis Opciones (en rasgos) para un componente seleccionado se reinician cada vez que recarga la página

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible No está ahí Describe el bicho ¿Cómo reproducir el bicho?Instalar Grapes js e implementar el código select componentArrastrar el componente select al editorHaz clic en el componente selec...

artf

Hola @Sudhin35 por favor sigue esta API para tus rasgos personalizados y te recomiendo encarecidamente guardar tus opciones como propiedad de componente en lugar de usar componentes internos

ClaudeCode

Gracias por informar de esto, @Sudhin35. Buena pregunta sobre Mis opciones (en rasgos) para un componente selecto que se reinicia cada vez que recarga la página. El enfoque recomendado con StyleManager es usar la API orientada a eventos. E...

#393913 de noviembre de 2021por xQwexx4 respuestas
Reacciones 0

Desactivado arrastrar y soltar en la vista previa

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? v95Enlace de demo reproducible https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261Describe el bicho ¿Cómo reproducir el bicho? Estoy intentando crear un componente personalizado, que con...

artf

Hola @xQwexx ¿cuál sería tu solución en un caso así? Todavía tenemos que mantener el D&D desactivado en la vista previa. ¿También puedes publicar el código de tu componente para entender mejor el caso de uso?

no-response[bot]

Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...

xQwexx

Hola @artf actualicé con una demo, también mi sugerencia sería usar el indicador 'attributes: { draggable: 'true'} si el componente es arrastrable en vista previa y dejar el manejo de arrastre para la plantilla del componente como ' attrib...

Explora todos los temas