Command Palette — ⌘K for GrapesJS

你用户已经用的每个工具都有⌘K。你的没有。

VS Code、Linear、Notion、Raycast、Figma。肌肉记忆在任何人阅读你的文档之前就已经存在——人们按下去，期待会发生什么。

Command Palette 把它添加到 GrapesJS，同时连接到编辑器中的所有内容。

一条捷径，四个源头

• 方块——无需翻找分类即可查找并插入
• 命令——任何登记在内editor.Commands的内容，立即执行
• 组件——通过名称、标签或类别搜索当前页面;选择一个后，画布滚动到该画布并选择
• 页面——在键盘上跳跃

你能得到什么

• 模糊匹配，字符高亮，零依赖
• 方向键、回车、Esc——调色板从不需要鼠标
• 最近的操作最先出现在空查询上
• 完全无障碍：对话角色、焦点陷阱、屏幕阅读器标签
• 主题来自编辑器自己的CSS变量，或者覆盖它们

用你自己的资料扩展它
该sources选项允许你注册一个自己的搜索组——包括你的CMS条目、设计令牌、API。给它一个search()和一个run()，它就会出现在调色板里，和其他东西一起出现。如果你在产品中嵌入 GrapesJS，这是最快让编辑器感觉像你应用的一部分，而不是内置的小部件的方法。

葡萄JS 0.19–0.23。一次性购买，包含所有后续更新。