我正在用以下代码来折叠所有块类别，但很遗憾，这方法不起作用现场演示：https://jsfiddle.net/d4702yoh/2/ 这里出了什么问题？

问题 #3704✓ 已解决提出于 2021年8月13日作者 throne19864 个反应

加载区块默认关闭？

快速解答作者 artf❤ 4

这应该够了，'编辑'。Blocks.getCategories（）.forEach（ct => ct.set（'open'， false）''，但类别是在渲染块时才创建的（默认情况下，点击Blocks标签时），所以渲染完后你只需执行该脚本。

阅读下方完整回答 ↓

问题

我正在用以下代码来折叠所有块类别，但很遗憾，这方法不起作用

const 分类 = 编辑器。BlockManager.getCategories（）;
categories.each（category => {
	category.set（'open'， false）.on（'change：open'， opened => {
		opened.get（'open'） & categories.each（category => {
            类别 ！== 打开 && category.set（'open'， false）
        })
	})
})

现场演示：https://jsfiddle.net/d4702yoh/2/

这里出了什么问题？

回答（4）

👍 最有帮助artf• 2021年8月14日

ronaldohoch• 2021年8月13日

你好，我已经让所有模块都用一个插件关闭了，试着适应你的情况。 “JavaScript 导出默认（编辑器，opt = {}） => { const 命令 = 编辑器。指挥; Commands.add（“dina：hide-all-blocks”，（editor）=>{ 编辑。Panels.getButton（“views”，“open-blocks”）.set（“active”，1）; 令categories = 编辑器。BlockManager.getCategories（）.models; categories.map（elem=>{ elem.view.$el.css（“展示”，“无”）...

throne1986• 2021年8月14日

“''jsconst 命令 = 编辑器。指挥;Commands.add（“dina：hide-all-blocks”，（editor）=>{编辑。Panels.getButton（“views”，“open-blocks”）.set（“active”，1）;设类别=编辑器。BlockManager.getCategories（）.models;categories.map（elem=>{elem.view.$el.css（“显示”、“无”）; }); })``` 这里还是一样 jsfidle：https://jsfiddle.net/46mfqeht/

ClaudeCode• 2026年5月17日

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

在 GitHub 上查看完整讨论 →