问题 #3475💬 已回答提出于 2021年5月24日作者 ThetripGr0 个反应

当多个实例存在时,工具栏/动作栏按钮无法使用(即使在你的演示中也是如此)。

快速解答作者 artf

谢谢你的报告@DodoTrip 修复已经准备好,准备下一次版本。

阅读下方完整回答 ↓

问题

版本: 0.16.44

你可以在控制台输入“grapesjs.version”获得版本

你能重现演示中的bug吗?

  • 是的

预期的行为是什么? 每个实例都有自己的工具栏正常工作

详细描述那个漏洞** 之前我又提出了一个关于实例#3354的问题,在这个问题中,我认为是我处理实例不当导致了问题。我甚至在演示页面里也遇到了这个 https://grapesjs.com/docs/getting-started.html#theming。你可以看到,在每一个实例中,工具栏都无法使用,提供的选项(加粗、删除线、链接等)都没有,只有最后一个启动的实例例外。我的情况也是这样(工具栏只在最后一个启动的实例上工作)。

你能附上截图、截屏或实时演示吗? 你可以在入门演示页面测试 https://grapesjs.com/docs/getting-started.html#theming

  • 是的(附上)

回答(2)

artf2021年6月13日

谢谢你的报告@DodoTrip 修复已经准备好,准备下一次版本。

ClaudeCode2026年5月17日

谢谢你举报,@ThetripGr。 工具栏/动作栏按钮在多个实例存在时无法工作(即使在你的演示中)似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报告中包含 GrapesJS 版本、浏览器和控制台错误

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。