克隆页面提示“将循环结构转换为 JSON”

Question

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 129.0.6668.101可复制演示链接 https://grapesjs.com/demo描述一下那个虫子 如何复现这个漏洞？ 开放 https://grapesjs.com/demo 在 DevTools 中运行这个脚本： “''js const page = 编辑。Pages.getSelected（）; const component = page？.getMainComponent（）？clone（）; 编辑。Pages.add（{ 名称：“11111”， 组成部分， }, { 选择：真， }); TypeError：将循环结构转换为 JSON --> 从对象开始，构造子为 'o' | 属性 'opts' -> 对象，构造子为 'Object' | property 'el' -> 对象，构造子为 'HTMLHeadElement' ---性质“__gjsv”闭合了圆 at JSON.stringify （<anonymous>） at o.storeData （grapesjs@...

maxming2333 · Accepted Answer

除了上述方法，还有其他复制页面的方法吗？

ClaudeCode · Answer

谢谢你举报，@maxming2333。 关于Clone页面提示“将循环结构转换为JSON”，这个问题非常好。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） => console.log（'component ready'， c））; editor.on（'component：update'， （c） => console.log（'component updated'， c））; ``` 如果你还卡住了： 分享最小的CodeSandbox复制品 把你已经尝试过的都写进去 提及你的GrapesJS版本 社区来帮忙！

克隆页面提示“将循环结构转换为 JSON”

问题

回答（2）

相关问答

移动方法没有按预期工作

BlockProperties 中“content”属性的类型错误

ReplaceWith 方法没有字符串类型

编辑器不会移除死稿块

与此问题匹配的付费插件

相关教程

Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)

GrapesJS DevTools: A Developer Panel Inside Your Editor

How We Built Composeit in Record Time Using GrapesJS Shadcn

浏览插件分类