自定义样式管理器
你必须使用“列表”属性来定义你的选项。在无线电选项对象中，应该读的是“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）
你必须使用“列表”属性来定义你的选项。在无线电选项对象中，应该读的是“name”而不是“title”。 “JavaScript const styleManager = 编辑器。风格经理; styleManager.addSector（'div-only-sector'， { 名称：“设定”， 开启：真， buildProps： ['width'， 'height']， 性质： [{ 名称：“可见性”， 属性：“显示”， 类型：“无线电”， 列表：[{ 名称：“可见性”， 值：“继承” }, { 名称：“隐藏”， 值：“无” }] }] });
非常感谢@nilchu你的帮助。
谢谢你举报，@Abhisheknanda1344463。 关于自定义样式管理器的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） =>...
相关问答
通过相似的问题讨论继续研究。
问题 #3184
点击关于将 grapesjs-style-bg 插件集成到网页构建器的问题
我使用的是 GrapesJS 版本（0.16.27），并且在编辑器中集成了 grapesjs-style-bg 插件。功能完全正常。但点击背景属性的标签页时，问题就出现了。它立刻切换了标签页。 尤其是在选择渐变选项时，我已经集成了插件，正如本[问题]（https://githu...
问题 #3657
如何动态更新视频标签的原始字符？
你好@artf， 我有拖放多个视频标签，每个都生成随机数到ID属性。 有两件事值得怀疑， 首先，我尝试了基于ID属性更新的src视频标签示例路径，但对我来说没用。 如何将 src 更新为基于视频标签的 ID 属性？ 第二个是风格经理的问题， 样式管理器处理图像标签， 新增了内联...
问题 #3453
专长：如何在绝对模式下调整开始/结束的大小？
你好，亲爱的 我在absoluteMode里尝试类似“resize：start/end”的设置，搭配styleable：change：width/height。 你能帮我吗？
问题 #3380
StyleManager中未选中的默认属性
亲爱的，你知道为什么样式管理器里没有选择默认属性吗？ 我可以触发什么事件来更新这个？？ ![图片]（https://user-images.githubusercontent.com/2309686/113360884-0ca0ca00-9321-11eb-9542-c38bc...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。