问题 #4732💬 已回答提出于 2022年11月17日作者 Rilvatore0 个反应

Tabs behaviour after HTML import

快速解答作者 artf

这与核心无关，更多是关于默认不可重新导入的Tab插件。

问题

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 107（MacOS）可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子如何复现这个漏洞？将标签块拖放到编辑器内容中点击顶部的“导入”按钮修改HTML内容中的某些内容（例如重命名之前创建的标签页）点击“导入” 预期的行为是什么？导入HTML后，标签页必须可以编辑（添加新标签并在标签间导航）目前的行为是什么？标签页不再是“标签”类型，无法编辑导入HTML之前： ![Capture d'écran 2022-11-17 à 10 50 41]（https://user-images.githubusercontent.com/8143609/202414876-63cc7578-2639-4bdc-b0f4-74e296b4deaf.png）导入HTML后： ![Capture d'écran 2022-11-17 à 10 51 04]（https://user-images.githubusercontent.com/8143609/202414988-e885a539-27e7-4383-95ff-f415984361f7.png）感谢你的帮助！行为准则 [X] 我同意遵守本项目的行为准则

回答（4）

artf• 2022年11月17日

这与核心无关，更多是关于默认不可重新导入的Tab插件。

Rilvatore• 2022年11月18日

嘿！非常感谢你的回答。事实上，问题似乎来自于重新导入代码和商店管理器，它们没有更新代码中的JSON部分。你能帮你看看吗？还是应该在标签插件分支和/或重新导入插件分支上创建同一个工单？

artf• 2022年11月18日

这和Tab插件有关，因为一旦打印出它的HTML就无法重新导入了。你实际上可以扩展[Tab component]（https://github.com/artf/grapesjs-tabs/blob/master/src/components/Tab.js），并添加“isComponent”方法，让解析器识别组件。

GJSBlock• 2026年5月17日

谢谢你举报，@Rilvatore。关于 HTML 导入后 Tab 行为的好问题。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => console.l...

在 GitHub 上查看完整讨论 →