问题 #3255✓ 已解决提出于 2021年2月1日作者 Abhisheknanda13444633 个反应

Custom Style Manager

快速解答作者 nilchu❤ 3

你必须使用“列表”属性来定义你的选项。在无线电选项对象中，应该读的是“name”而不是“title”。 “JavaScript const styleManager = 编辑器。风格经理; styleManager.addSector（'div-only-sector'， { 名称：“设定”，开启：真， buildProps： ['width'， 'height']，性质： [{ 名称：“可见性”，属性：“显示”，类型：“无线电”，列表：[{ 名称：“可见性”，值：“继承” }, { 名称：“隐藏”，值：“无” }] }] });

阅读下方完整回答 ↓

问题

你好@artf 我正在尝试这样更改显示属性的类型和输入值 -：但在样式管理器中按钮是看不到的。我们如何自定义显示属性 “''js

const styleManager = 编辑器。风格经理; styleManager.addSector（'div-only-sector'，{ 名称：“设定”，开启：真， buildProps： ['width'， 'height']，性质： [{ 名称：“可见性”，属性：“显示”，类型：“无线电”，性质：[ {value：“继承”，标题：“可视性”}， {值：“无”，标题：“隐藏”} ], }] });


演示 -：
https://codepen.io/abhi_punk81/pen/MWbWzaq?editors=0010

你能帮帮@artf吗？
谢谢

回答（3）

👍 最有帮助nilchu• 2021年2月1日

Abhisheknanda1344463• 2021年2月3日

非常感谢@nilchu你的帮助。

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →