TypeError: No se pueden leer propiedades de undefined (leyendo 'toLowerCase') en el handler de teclado

Hola @artf, tras investigar más a fondo en la traza completa de la pila, descubrí que el error no está en GrapesJS. La llamada 'event.key.toLowerCase()' proviene de nuestro propio código de aplicación — un global 'window.addEventListener("keydown", ...)' que tenemos en otra parte de nuestra base de código, que corre junto a GrapesJS. Como nuestra compilación webpack agrupa varios módulos en el mismo bloque ('dist/1348'), El marco Sentry era engañoso, y atribuimos erróneamente la fuente a GrapesJS.

El manejo del teclado propio de GrapesJS utiliza 'event.keyCode' y no está implicado en este error. Esto es Totalmente de nuestro lado, y tenemos una solución preparada.

En cuanto al jsfiddle, fue un intento genuino de aislar el problema, no generado por IA. Simplemente no estaba configurado correctamente para reproducir el escenario real. Cerramos esto desde nuestra parte, y disculpas Por el ruido.

Hola @saeedhbi, ¿dónde ves exactamente 'event.key.toLowerCase()' en nuestro código? ¿Seguro que no viene de tu lado? Por desgracia, el jsfiddle no ayuda, parece que la IA está 😅 demasiado descuidada, ni siquiera carga el editor.

¿Quizá puedas compartir la traza completa de la pila para ver exactamente dónde ocurre esto?

Gracias por informar de esto, @saeedhbi.

Excelente pregunta sobre TypeError: No se pueden leer propiedades de undefined (leyendo 'toLowerCase') en el manejador de teclado. El enfoque recomendado con Canvas es usar la API orientada a eventos.

Empieza aquí:

1. Consulta la documentación de GrapesJS de tu módulo específico
2. Busca el método del oyente de eventos 'on()'
3. 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!