El método UndoManager hasUndo() devuelve true cuando no debería
Así que se añade una acción extra a la cola cuando no debería, que es cuando arrastro un bloque sobre el lienzo. No realmente, ¿puedes crear una demo reproducible, ya que yo no puedo reproducirla?
Lee la respuesta completa abajo ↓Pregunta
Estoy intentando desactivar el botón de deshacer cuando no hay acciones de deshacer que hacer.
Para ello, estoy escuchando el evento ''change:changesCount'' y usando 'editor?. ¿Atributos? ¿DeshacerGerente? hasUndo()' para establecer el estado desactivado del botón de deshacer.
'editor.on('change:changesCount', editor => setHasUndo(editor?. ¿Atributos? ¿DeshacerGerente? hasUndo()));'
Está cumpliendo su función para mí, excepto en el siguiente escenario:
- Estoy creando una nueva plantilla en un lienzo en blanco
- Arrastro y suelto un bloque
- Yo deshago
El problema aquí es que, aunque ahora debería desactivarse el deshacer, no lo está, porque '¿editor?. ¿Atributos? ¿DeshacerGerente? hasUndo()' devuelve true, igual que 'editor?. ¿DeshacerGerente? hasUndo()'. Después de hacer una deshacer inútil extra, ¿'editor?. ¿DeshacerGerente? hasUndo()' empieza a devolver false.
Creo que el problema es que cuando paso el cursor sobre el lienzo, incluso antes de dejarlo caer, se añade una acción a la cola, y por tanto 'changesCount' ya es igual a 1. Después de soltar el bloque, 'changesCount' aumenta a 2, cuando debería ser 1. Así que se añade una acción extra a la cola cuando no debería, que es cuando arrastro un bloque sobre el lienzo.
Cabe señalar que esto no ocurre con el segundo bloque ni con todos los siguientes. Solo ocurre arrastrando y soltando el primer bloque.
En resumen, al arrastrar y soltar el primer bloque en el lienzo, ahora hay 2 acciones de deshacer en la cola de UndoManager, y no solo 1 como se esperaba.
Respuestas (3)
Así que se añade una acción extra a la cola cuando no debería, que es cuando arrastro un bloque sobre el lienzo.
No realmente, ¿puedes crear una demo reproducible, ya que yo no puedo reproducirla?
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 actuar. Por favor, contacta con nosotros si tienes o encuentras las respuestas que necesitamos para que podamos investigar más a fondo.
Gracias por informar de esto, @alimajed93.
Buena pregunta sobre El método UndoManager hasUndo() devuelve true cuando no debería. El enfoque recomendado con Canvas es usar la API orientada a eventos.
Empieza aquí:
- Consulta la documentación de GrapesJS de tu módulo específico
- Busca el método del oyente de eventos 'on()'
- La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes
Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));
Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));
**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3305
(v0.16.41) Botón no activado al hacer clic
Versión: v0.16.41 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No ¿Cuál es el comportamiento esperado? Cuando hago clic en un botón,...
Issue #6409
No se puede arrastrar para mover componentes en móvil
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v133 Enlace de demo reproducible https://js...
Issue #3337
Pregunta: Usa las flechas para mover bloques en el lienzo configurado en modo de posicionamiento absoluto
Hola, estoy creando una solución para que los estudiantes cuenten sus experiencias en el instituto como diapositivas hechas desde el editor...
Issue #3329
¿Cómo debería recibir modificaciones de rasgos personalizados en el script?
Hola, @artf, este es un marco estupendo, muchas gracias. Ahora lo estoy usando para crear componentes del framework móvil de BUI y me encon...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.