包装造型

快速解答作者 artf❤ 1

是的，@kuhelbeher，现在封装器是在插件后创建的，所以你可以像扩展其他组件一样完全扩展它

阅读下方完整回答 ↓

问题

首先，祝贺@artf完成了这个了不起的项目 💯

我目前正在做一个项目，想问一下是否可以像编辑里面其他组件那样编辑包装器（主体）。例如，我想像编辑背景色一样编辑包装的填充部分。

![葡萄提问]（https://user-images.githubusercontent.com/73160095/108832886-c72c0700-75d4-11eb-8d74-daa48d8a0440.png）

我看过配置，但没找到有用的信息。

谢谢！

LE：我找到了方法。我正在覆盖getWrapper（）中的可样式数组，但我不确定这是不是正确的方法。你能确认吗？

回答（4）

artf• 2021年9月17日

是的，@kuhelbeher，现在封装器是在插件后创建的，所以你可以像扩展其他组件一样完全扩展它

artf• 2021年3月3日

LE：我找到了方法。我正在覆盖getWrapper（）中的可样式数组，但我不确定这是不是正确的方法。你能确认吗？

是的，当然没问题，但如果需要，可以通过“mainConfig.domComponents.wrapper”选项在init时更改包装器属性 https://github.com/artf/grapesjs/blob/18b2f95b7f844578dc2b28d786b126013d155d9e/src/dom_components/config/config.js#L9

kuhelbeher• 2021年9月16日

你可以通过“mainConfig.domComponents.wrapper”选项在init时更改包装器属性 https://github.com/artf/grapesjs/blob/18b2f95b7f844578dc2b28d786b126013d155d9e/src/dom_components/config/config.js#L9

你好，我注意到这些选项是针对旧版本的 Grapesjs，但在新版本中 domComponents 配置中，封装属性被移除了。有没有办法在新版本初始化时设置一些包装器属性？

ClaudeCode• 2026年5月17日

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

View full discussion on GitHub →