：我正在尝试复制页面，但由于 ID，样式无法应用，结尾的 -2，-3 发生了变化。

快速解答作者 OrigoVl❤ 2

@sanchit36 你好，你在解决问题吗？你能说出来吗？

问题

“JavaScript const duplicatePage = （编辑者） => { let components = editor.getHtml（）; 令 css = editor.getCss（）; 让newPage = 编辑器。Pages.add（{ 样式：CSS，组件：组件， }); 编辑。Pages.select（newPage）; };

这就是我的功能。我正在尝试复制页面，HTML部分没问题，但由于CSS是通过ids应用的，当新页面渲染时，id的结尾会变为-2。
有没有什么方法可以防止这种情况，或者有其他方法可以做到这一点？

回答（4）

👍 最有帮助OrigoVl• 2023年2月7日

@sanchit36 你好，你在解决问题吗？你能说出来吗？

vlont• 2023年2月16日

用这个

“''js const page = 编辑？。Pages.getSelected（）;

编辑？Pages.add（{ id：（page.get（'name'） || page.id） + '-copy'， component： page.getMainComponent（）.clone（） }， { select： true }）;'''

leonardolima99• 2023年2月17日

@vlont 谢谢！

GJSBlock• 2026年5月17日

谢谢你举报，@sanchit36。关于[问题]的好问题：我正在尝试复制页面，但由于ID的关系，样式无法应用，结尾的-2，-3被更改了。。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'...

在 GitHub 上查看完整讨论 →