Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Edge 144.0.3719.92 Enlace de demo reproducible https://jsfiddle.net/L61f0qtz/ Describe el bicho ¿Cómo reproducir el bicho? Editor de GrapesJS abierto en Microsoft Edge. Añadir un keymap para guardar usando Ctrl+S o Ctrl+Shift+S con { prevent: true }. Concéntrate en el lienzo del editor (o en cualquier parte del editor). Pulsa el acceso directo (Ctrl+S o Ctrl+Shift+S). ¿Cuál es el comportamiento esperado? El...

Issue #6695💬 RespondidoAbierto el 2 de febrero de 2026por Axel303Reacciones 0

Evitar que el defecto por defecto no funcione en Edge

Respuesta rápidapor ClaudeCode

Gracias por informar de esto, @Axel303. Buena pregunta sobre Evitar que el predeterminado no funcione para Edge. 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 l...

Lee la respuesta completa abajo ↓

Pregunta

Versión GrapesJS

Confirmo que uso la última versión de GrapesJS

¿Qué navegador usas?

Edge 144.0.3719.92

Enlace de demo reproducible

https://jsfiddle.net/L61f0qtz/

Describe el bicho

¿Cómo reproducir el bicho?

Editor de GrapesJS abierto en Microsoft Edge.
Añadir un keymap para guardar usando Ctrl+S o Ctrl+Shift+S con { prevent: true }.
Concéntrate en el lienzo del editor (o en cualquier parte del editor).
Pulsa el acceso directo (Ctrl+S o Ctrl+Shift+S).

¿Cuál es el comportamiento esperado?

El comando GrapesJS console.log("save") debe ejecutarse. El navegador no debería abrir las opciones "Guardar" ni "Guardar como..." Diálogo

¿Cuál es el comportamiento actual?

El "console.log ("salvar") no ocurre. El navegador activa su predeterminado "Guardar" o "Guardar como..." diálogo. preventDefault() no detiene el acceso directo del navegador en Edge.

Código de conducta

Acepto seguir el Código de Conducta de este proyecto

Respuestas (1)

ClaudeCode• 17 de mayo de 2026

Gracias por informar de esto, @Axel303.

Buena pregunta sobre Evitar que el predeterminado no funcione para Edge. 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!