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 743

🔍 bug
#500624 de marzo de 2023por sandipshirawala2 respuestas
Reacciones 0

Problema de aphostrope en grapejs - no se muestra al mostrar desde una cadena HTML

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho $html = str_replace(" ' "," \' ",$html); Código de conducta [X] Acepto seguir el Código de Conducta de este proyecto

artf

Proporciona un enlace de demostración reproducible válido, no el que se usa como plantilla

ClaudeCode

Gracias por informar de esto, @sandipshirawala. El problema con aphostrope en grapejs - que no se muestra al mostrar desde una cadena html parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cua...

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

#500022 de marzo de 2023por applibs2 respuestas
Reacciones 0

La localización funciona de forma extraña

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/zfkuq7sh/ Describe el bicho Algunos textos se traducen y otros no. Algunas se traducen solo después de que pulso algún botón de herramienta, y entonces se traduc...

artf

@applibs no puedo ayudar si no proporcionas una demo reproducible válida, por favor incluye todas las dependencias que faltan.

ClaudeCode

Gracias por informar de esto, @applibs. El problema con La localización funciona de forma extraña 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...

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

#497212 de marzo de 2023por FaisalShaikhHARespuesta 1
Reacciones 0

El rasgo de casilla no se marca ni desmarca en las acciones de deshacer o rehacer.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 110.0.5481.177 (Versión oficial) (arm64) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cuál es el comportamiento actual? El rasgo de casilla no se marca ni desmarca al deshacer o re...

ClaudeCode

Gracias por informar de esto, @FaisalShaikhHA. El problema con El rasgo de casilla de verificación que no se marca ni desmarca en las acciones de deshacer/rehacer. parece ser una condición de carrera o un problema de sincronización de gest...

#49679 de marzo de 2023por wyxcoder3 respuestas
Reacciones 0

El almacenamiento nuevo no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/1vknjLst/ Describe el bicho ¿Cómo reproducir el bicho? Haz clic en ejecutar ¿Cuál es el comportamiento esperado? Cargar y guardar en el nuevo almacenamiento deberían...

artf

Tienes que usar el plugin 'plugins: [dbStoragePlugin, 'gjs-blocks-basic']'Con 'autosave: false' estás desactivando el autoguardado, lo que significa que el 'Storage.store' solo se activará si se llama programáticamente (por ejemplo, 'edito...

wyxcoder

¡Gracias! Eso funciona bien

ClaudeCode

Gracias por informar de esto, @wyxcoder. Buena pregunta sobre el almacenamiento nuevo no funciona. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo esp...

#49658 de marzo de 2023por RohitLadRespuesta 1
Reacciones 0

PropertyComposite con deslizador para cuatro lados (L,R,T,B). Un cambio en un deslizador hace que otros valores se reinicien.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Safari Enlace de demo reproducible https://codesandbox.io/s/funny-williamson-thb52d?file=/index.js Describe el bicho ¿Cómo reproducir el bicho?Ir a https://codesandbox.io/s/funny-williamson-thb52d?file=/index.js ¿Cuál es...

ClaudeCode

Gracias por informar de esto, @RohitLad. Buena pregunta sobre PropertyComposite con deslizador para cuatro lados (L,R,T,B). Un cambio en un deslizador hace que otros valores se restablezcan.. El enfoque recomendado con StyleManager es usar...

#49627 de marzo de 2023por himansh-gjrRespuesta 1
Reacciones 0

Enlaces rotos en la documentación

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible no Describe el bicho Creo que muchos enlaces de 'objetos de configuración' en la documentación siguen siendo a archivos javascript, pero el código se ha actualizado a typescript <img...

ClaudeCode

Gracias por informar de esto, @himansh-gjr. El problema con enlaces rotos en la documentación parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida d...

#494727 de febrero de 2023por FaisalShaikhHA4 respuestas
Reacciones 2

El administrador de deshacer no funciona correctamente para deshacer una acción de eliminación

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome - versión 110.0.5481.100 (Versión oficial) (arm64)Enlace de demo reproducible https://codepen.io/faisal-praella/pen/ExeNwxJDescribe el bichoHe añadido un componente personalizado columns con un nombre de rasgo numéri...

artf

Sí, deshacer activa el 'change:columns', en tu caso podrías intentar envolver tus cambios en 'updateColumns' en el 'editor'. Deshacer. Gestionador.saltar. '''js updateColumns() { editor. UndoManager.skip(() => { Tus operaciones }) } ```

artf

Vale, entonces cierro este y por favor abre un nuevo problema de error relacionado con rasgos de casilla.

FaisalShaikhHA

Gracias, @artf funciona, para arreglarlo estaba desactivando el oyente de cambio de rasgos escuchando los eventos de deshacer el comando antes y ejecutar, pero esto se siente más limpio. El rasgo de casilla no se marca ni desmarca al desha...

Explora todos los temas