Command Palette — ⌘K for GrapesJS

Jedes Tool, in dem deine Nutzer bereits arbeiten, hat ⌘K. Deine nicht.

VS Code, Linear, Notion, Raycast, Figma. Das Muskelgedächtnis ist da, bevor jemand deine Dokumentation liest – die Leute drücken darauf und erwarten, dass etwas passiert.

Command Palette fügt es zu GrapesJS hinzu, das mit allen Editoren gleichzeitig verbunden ist.

Eine Abkürzung, vier Quellen

• Blöcke – finden und einfügen, ohne durch Kategorien zu suchen
• Befehle – alles, was registrierteditor.Commands wird, wird sofort ausgeführt
• Komponenten – Durchsuche die aktuelle Seite nach Name, Tag oder Klasse; Wenn man eine auswählt, scrollt die Leinwand dazu und wählt sie aus
• Seiten – springe zwischen ihnen, ohne die Tastatur zu verlassen

Was du bekommst

• Unscharfes Matching mit hervorgehobenen Zeichen, keine Abhängigkeiten
• Pfeiltasten, Enter, Esc – die Palette braucht nie die Maus
• Aktuelle Aktionen erscheinen zuerst bei einer leeren Abfrage
• Vollständig zugänglich: Dialogrolle, Fokusfalle, Screenreader-Beschriftungen
• Themes aus den eigenen CSS-Variablen des Editors abhängen oder sie überschreiben

Erweitern Sie es mit Ihren eigenen Quellen
Mit diesersourcesOption können Sie eine eigene Suchgruppe registrieren – Ihre CMS-Einträge, Ihre Design-Tokens, Ihre API. Gib ihm einsearch()und einrun()A und es erscheint in der Palette neben allem anderen. Wenn du GrapesJS in ein Produkt einbettest, ist das der schnellste Weg, den Editor wie Teil deiner App und nicht wie ein Widget darin wirken zu lassen.

GrapesJS 0,19–0,23. Kaufe einmal, alle zukünftigen Updates sind enthalten.