问题/功能请求:更改所选组件工具提示
你好,当你定义一个新组件时,可以自定义它的工具栏 “''js ... 型号:{ 默认值:{ ... 工具栏:[ { 属性: { 类别: 'fa fa-arrow-up', 命令: () => alert('Hi') }, ... ], } } 但不会被存储(比如页面刷新),所以我总是建议更多地以组件为导向思考。
阅读下方完整回答 ↓问题
通过API有没有办法更改所选组件工具提示,还是只能通过编辑源代码来实现?如果是关于API的,请多包涵,因为我不够聪明,无法有效更改源代码,每次尝试做其他修改时,使用修改后的框架都会出错。如果没有,请把这个功能加到一个新功能里,因为这对某些自定义公司来说会非常有用。
回答(3)
你好,当你定义一个新组件时,可以自定义它的工具栏 “''js ... 型号:{ 默认值:{ ... 工具栏:[ { 属性: { 类别: 'fa fa-arrow-up', 命令: () => alert('Hi') }, ... ], } } 但不会被存储(比如页面刷新),所以我总是建议更多地以组件为导向思考。
谢谢,这对我想添加的一些内容帮助很大 使用。 2020年12月29日星期二下午1:01 Artur Arseniev <[email protected]> 写道: 关闭了#3177 <https://github.com/artf/grapesjs/issues/3177>。 — 你收到这个帖子是因为你写了这个帖子。 直接回复此邮件,请访问GitHub查看 <https://github.com/artf/grapesjs/issues/3177#event-4155477963>,或者 取消订阅 <https://github.com/notifications/unsub...
谢谢你举报,@anatoli-DP。 问题/功能请求:更改所选组件工具提示的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报告中包含 GrapesJS 版本、浏览器和控制台错误
相关问答
通过相似的问题讨论继续研究。
问题 #5334
在画布中选择自定义组件类型无法正常工作
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome、Opera、Edge 等 可复制演示链接 https://jsfiddle.net/crszh0jo/6/ 描述一下那个虫子 我正在尝试让它像这里描述的那样工作[[问题] Canva...
问题 #6086
无法读取未定义属性(读取“lastComponent”)和可调整大小的功能无法使用
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Edge v128可复现演示链接https://codesandbox.io/p/devbox/github/jdkcoder/cv-builderhttps://stackblitz.com/git...
问题 #5618
导入时旧组件脚本不会被删除。导致脚本重复
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Edge v120.0.2210.121 可复制演示链接 https://codepen.io/ashwinvalento/pen/jOJMPqx 描述一下那个虫子 如果我们设置了 'config...
问题 #6422
在开发分支中,当预览启用时,不应该允许拖动组件,但实际上是允许的。
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 截至2025年2月27日,Chrome 133 带开发分支 可复制演示链接 克隆开发仓库截至2025年2月27日 描述一下那个虫子 如何复现这个漏洞? ...克隆仓库,构建并开始 ...在...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
教程
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
浏览插件分类
直接跳转到市场上的插件分类页面。