问题 #3612💬 已回答提出于 2021年7月12日作者 TRIGGEREDcoder0 个反应

Grapesjs滑块按钮、标签键都没有按预期工作

快速解答作者 artf

你能提供一个可复现的演示吗？

问题

版本 0.17.19（grapesjs）版本 0.1.5（grapesjs-lory-slider）版本 1.0.6（grapesjs-tabs）你能重现演示中的bug吗？不预期的行为是什么？我应该能在点击前一、下一页按钮和标签名时，浏览不同的幻灯片和标签页。详细描述那个漏洞当我在模板中创建滑块，编辑不同的幻灯片并在grapesjs上查看时，我就能浏览所有创建的幻灯片。同样地，创建标签块后，我也能看到里面不同的标签和内容。但当我把生成的 html 和 css 代码带到 Angular 应用中尝试运行时，我无法像在 grapesjs上创建时那样，穿越不同的标签页或内容，也无法切换幻灯片或内容。 HTML和CSS由grapesjs生成 [grapesjs.txt]（https://github.com/artf/grapesjs/files/6798549/grapesjs.txt） [grapesjshtml.txt]（https://github.com/artf/grapesjs/files/6798550/grapesjshtml.txt）以下是我grapesjs文件中源代码的代码。* import gjsLorySlider from 'grapesjs-lory-slider';import gjsTabs from 'grapesjs-tabs';gr...

回答（4）

artf• 2021年7月27日

你能提供一个可复现的演示吗？

TRIGGEREDcoder• 2021年7月30日

抱歉@artf，我遇到这个问题是因为生成的HTML里有脚本标签，而在Angular组件HTML中这个标签没有用。如果 HTML 包含脚本标签函数，我该如何使用 Angular 文件生成的 html？

artf• 2021年7月31日

@TRIGGEREDcoder如果主要问题解决了，我就要关闭这个。如果你有问题，请开设一个新的讨论区

GJSBlock• 2026年5月17日

谢谢你举报，@TRIGGEREDcoder。 grapesjs 滑块按钮、标签页不正常的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定：检查初始化顺序 — 确保组件在操作前已完全加载使用编辑器的事件系统 — 收听完成事件：推荐的下一步步骤：如果还没测试，请用最新的 GrapesJS 版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因在报告中包含 GrapesJS 版本、浏览器和控制台错误

在 GitHub 上查看完整讨论 →