GrapesJS 超级提示 — 版本 0.1.5 发布 🎉

我们很高兴地宣布 Super Tooltip 的 v 0.1.5 更新,Super Tooltip 是我们为 GrapesJS 设计的浮动菜单和工具提示插件

DevFuture Development
DevFuture Development
2025年11月14日7 个月前
阅读约 2 分钟1,225 次浏览

我们很高兴地宣布 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/图标预览)并支持内容注入

升级说明

如果你已经在用超级提示:

  1. 从市场下载最新版本(0.1.5)。
  2. 替换你项目中的插件文件(Dist build + Source,视情况而定)。
  3. 确保你运行的是 GrapesJS v0.22.x(或确认兼容性)。
  4. 清除缓存(如果使用浏览器缓存),并重新加载编辑器实例。
  5. 检查编辑器中的浮动菜单和工具提示——确认定位是否正常,尤其是在编辑嵌套组件时。
  6. 请报告任何布局问题或行为怪癖,以便我们在下一个补丁中修复。

如果你是新手:在你的 GrapesJS 设置里安装 Super Tooltip,并在插件初始化时激活它。使用演示/预览版看看实际操作,并查阅文档获取更多配置选项。

展望未来

我们已经在规划下一个小版本,重点内容包括:

  • 更多自定义选项(例如切换浮动图标出现、快捷键控制)。
  • 对自定义组件类型和非标准块插入流程的支持更好。
  • 复杂布局(多页、嵌套编辑器、画布外面板)的优化定位逻辑。
  • 为高级用户提供API钩子,将自己的行为绑定到浮动菜单和快捷方式上。

总结

如果你想为基于GrapesJS的编辑器提供更精致、更友好的画布内体验,Super Tooltip提供了智能、轻量级的界面增强。从0.1.5版本开始,你就能获得更好的对齐、最新的兼容性以及更流畅的工作流程。

今天就试试吧,告诉我们它适合你的设备!

请看: https://gjs.market/products/super-tooltip-for-grapesjs

祝你编辑愉快!

—— DevFuture开发团队

🔌 GJS.Market

在寻找 GrapesJS 插件吗?

超过 100 款精选插件、预设与模板 —— 由社区精挑细选并持续维护。

分享本文TwitterFacebookLinkedIn
发布平台
DevFuture Development
DevFuture Development
访问店铺 →

更多来自 DevFuture Development

发现更多精彩文章,及时获取最新内容。

查看全部文章

来自 DevFuture Development 的付费插件

由该作者精心打造的精选付费插件。

访问店铺 →