Command Palette — ⌘K for GrapesJS

Cada herramienta en la que ya trabajan tus usuarios tiene ⌘K. El tuyo no.

VS Code, Lineal, Notion, Raycast, Figma. La memoria muscular está ahí antes de que nadie lea tu documentación — la gente la presiona y espera que pase algo.

Command Palette lo añade a GrapesJS, conectado a todo en el editor a la vez.

Un atajo, cuatro fuentes

• Bloques— encontrar e insertar sin tener que buscar entre categorías
• Comandos— cualquier cosa registradaeditor.Commands, ejecuta al instante
• Componentes— buscar en la página actual por nombre, etiqueta o clase; Seleccionando uno, el lienzo se desplaza hasta él y lo selecciona
• Páginas— salta entre ellas sin salir del teclado

Lo que obtienes

• Coincidencia difusa con caracteres resaltados, cero dependencias
• Teclas de flecha, Enter, Esc — la paleta nunca necesita el ratón
• Las acciones recientes aparecen primero en una consulta vacía
• Totalmente accesible: rol de diálogo, trampa de enfoque, etiquetas lector de pantalla
• Temas de las propias variables CSS del editor, o las sobrescriben

Amplíalo con tus propias fuentes
Lasourcesopción te permite registrar un grupo de búsqueda propio — tus entradas CMS, tus tokens de diseño, tu API. Le pones unasearch()yrun()una y aparece en la paleta junto a todo lo demás. Si vas a incrustar GrapesJS en un producto, esta es la forma más rápida de hacer que el editor se sienta parte de tu aplicación en lugar de un widget dentro de ella.

GrapesJS 0.19–0.23. Compra una vez, incluyendo todas las actualizaciones futuras.