我们很高兴地宣布 Super Tooltip 的 0.1.5 版本更新,Super Tooltip 是我们为 GrapesJS 设计的浮动菜单和工具提示插件。此次发布带来了更好的版位、兼容性更新以及更流畅的用户体验,提升了画布内编辑工作流程的体验。
什么是超级提示插件?
Super Tooltip 是一款专注于 GrapesJS 的用户体验插件,旨在简化编辑器内部的组件交互。它会在选中的组件旁边添加浮动图标和上下文菜单,让你可以快速执行常见操作(添加组件、转换、移动、删除、父选择等),而无需离开画布。插件还支持键盘快捷键和简洁的视觉提示,带来精致的编辑体验。
0.1.5版本新增内容
以下是本次更新的主要变化:
- 更新了按钮/提示位置,以更好地对齐 GrapesJS 的最新版本
- 兼容性提升:已更新以顺畅运行 GrapesJS v0.22.x
- 菜单放置的细节修复,确保漂浮界面在编辑组件时保持正确对齐。(基于 v 0.1.3 的修复)
为什么这很重要
- 更好的对齐:无论你是深度嵌套还是在复杂布局中编辑,悬浮的图标和菜单现在都能与选择保持一致。
- 最新兼容性:随着GrapesJS快速发展,确保插件支持v0.22.x有助于避免不匹配和故障。
- 提升用户体验:更流畅的行为意味着干扰更少,设计更专注。工具提示和快捷键持续让编辑变得更快、更直观。
主要特色简要回顾
提醒你 Super Tooltips 提供了什么:
- 浮动的“添加组件”和“更多选项”按钮会出现在所选组件旁边。
- 键盘快捷键,如:
- Cmd/Ctrl + D →添加组件
- Cmd/Ctrl + F → 打开“更多选项”菜单
- Cmd/Ctrl + E → 选择父
- Cmd/Ctrl + ↑ / ↓ → 移动组件上下
- Cmd/Ctrl + S → Duplicate
- 删除→移除
- 平滑工具提示系统(悬停触发),可以显示快捷键而不让界面显得杂乱
- 动画上下文菜单:插入块(带搜索/筛选功能)、“转换为”子菜单(实时组件替换),以及快速操作如移动/删除/复制/选择父节点——所有操作均可通过键盘操作
- BlockManager 集成:自动拉取方块(带有 SVG/图标预览)并支持内容注入
升级说明
如果你已经在用超级提示:
- 从市场下载最新版本(0.1.5)。
- 替换你项目中的插件文件(Dist build + Source,视情况而定)。
- 确保你运行的是 GrapesJS v0.22.x(或确认兼容性)。
- 清除缓存(如果使用浏览器缓存),并重新加载编辑器实例。
- 检查编辑器中的浮动菜单和工具提示——确认定位是否正常,尤其是在编辑嵌套组件时。
- 请报告任何布局问题或行为怪癖,以便我们在下一个补丁中修复。
如果你是新手:在你的 GrapesJS 设置里安装 Super Tooltip,并在插件初始化时激活它。使用演示/预览版看看实际操作,并查阅文档获取更多配置选项。
展望未来
我们已经在规划下一个小版本,重点内容包括:
- 更多自定义选项(例如切换浮动图标出现、快捷键控制)。
- 对自定义组件类型和非标准块插入流程的支持更好。
- 复杂布局(多页、嵌套编辑器、画布外面板)的优化定位逻辑。
- 为高级用户提供API钩子,将自己的行为绑定到浮动菜单和快捷方式上。
总结
如果你想为基于GrapesJS的编辑器提供更精致、更友好的画布内体验,Super Tooltip提供了智能、轻量级的界面增强。从0.1.5版本开始,你就能获得更好的对齐、最新的兼容性以及更流畅的工作流程。
今天就试试吧,告诉我们它适合你的设备!
请看: https://gjs.market/products/super-tooltip-for-grapesjs
祝你编辑愉快!
—— DevFuture开发团队
