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 220

🔍 canvas
#524516 de julio de 2023por riteshdalal4 respuestas
Reacciones 0

El contenido de component con editable:false sigue siendo editable

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 114.0.5735.198 Enlace de demo reproducible https://jsfiddle.net/riteshdalal/obnx7sg3/22/ Describe el bicho ¿Cómo reproducir el bicho?Crear un componente con editable:false en el modeloDeja caer el componente sobre...

artf

La propiedad 'editable' no tiene significado por defecto y solo se usa internamente por otros componentes extendidos como 'Texto' o 'Imagen'

riteshdalal

@artf cómo creamos un componente que GJS no analize a los hijos.

riteshdalal

La propiedad 'editable' no tiene significado por defecto y solo se usa internamente por otros componentes extendidos como 'Texto' o 'Imagen' Esto solía funcionar en versiones antiguas de GJS. Simplemente dejé de funcionar en la 0.21.3

#524114 de julio de 2023por hanzuken2 respuestas
Reacciones 0

La posición absoluta del elemento es diferente de la posición del cursor al moverse en el lienzo ampliado

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 https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Activar el modo de arrastre absoluto 'editor.editor.set('...

artf

Aquí se siguen los problemas relacionados con el modo Absoluto https://github.com/GrapesJS/grapesjs/issues/3770

ClaudeCode

Gracias por informar de esto, @hanzuken. Buena pregunta sobre La posición absoluta del elemento es diferente de la posición del cursor al moverse en el lienzo ampliado. El enfoque recomendado con Canvas es usar la API orientada a eventos....

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

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

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

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

#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

#499822 de marzo de 2023por glaprida4 respuestas
Reacciones 0

MostrarOffsetsSeleccionados no funcionan

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chome v111 Enlace de demo reproducible https://codepen.io/glaprida/pen/YzOJOGq Describe el bicho ¿Cómo reproducir el bicho?Abre el enlace del codepen. Arrastra cualquier bloque básico al lienzo con algún margen o relleno....

glaprida

Hola, veo que ahora funciona mientras se coloca el elemento aunque esté seleccionado (antes solo funcionaba con elementos no seleccionados) ... pero solo muestra los desplazamientos mientras se pasa el cursor (pensaba que 'showOffsetsSelec...

artf

Sí, por ahora esto es lo que se pretende hacer. Probablemente algún día volvamos a hacerlo más personalizable (posibilidad de extender/crear manejadores de estilo en el lienzo).

glaprida

Hola, perdón por la insistencia... ¿pero se te ocurre alguna forma de que pueda lograrlo? Lo que necesito es mostrar los desplazamientos del elemento seleccionado, independientemente de si está flotado o no.

#499121 de marzo de 2023por glapridaRespuesta 1
Reacciones 0

Marcador marcador incorrecto al arrastrar un elemento de cuadrícula display:grid

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v111Enlace de demo reproducible https://codepen.io/glaprida/pen/eYLLXbQDescribe el bicho ¿Cómo reproducir el bicho?Ir al enlace del codepen https://codepen.io/glaprida/pen/eYLLXbQArrastra una sección hasta el lienzoA...

ClaudeCode

Gracias por informar de esto, @glaprida. Buena pregunta sobre marcador marcador incorrecto al arrastrar un elemento display:grid. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

Explora todos los temas