风格管理器问题。

Question

你好@artf我想隐藏和显示特定组件的样式属性。 提到这个问题后，我就说 https://github.com/artf/grapesjs/issues/1428 我用这个方法写代码，但出现了错误 -： “''js 导出默认值（编辑器，配置）=> { const sm = 编辑。风格经理; const csm = config.customStyleManager; 形状分隔时的展示风格 editor.on（'component：selected'， function（component） { if（component.attributes.type == 'shape-divider'） { sm.addSector（'styleoptions'，{ 名称：“风格选项”， 开启：真， buildProps： ['display'， 'width'， 'height'， 'color']， 性质： [{ 名称：“可见性”， 属性：“显示”， 类型：“无线电”， 列表：[{ 名称：“可见性”， 值：“继承” }, { 名称：“隐藏”， 值：“无” }], },{ 名称：“填充颜色”，...

artf · Accepted Answer

你好@Abhisheknanda1344463你试过按照我这里的指示（https://github.com/artf/grapesjs/issues/1428#issuecomment-421640559）来做吗？你不需要在每个选择中添加或移除扇区，只需调整组件属性即可

Abhisheknanda1344463 · Answer

@artf我试过，但如果我喜欢这个 https://github.com/artf/grapesjs/issues/1428#issuecomment-421640559 然后它会显示这些属性存在的样式扇区。 我想像上面提到的那样，只显示我自定义的某个特定组件的样式扇区。 不知道你是否理解我的使用场景。 请指点我。 谢谢

artf · Answer

这里有一个简短的使用示例： “''js const plugin = （editor） => { const { 组件、块、样式 } = 编辑器; [ { 类型：“简单”，道具：{ 组件：“简单组件”， }, },{ 类型：“特殊”，道具：{ 组件：“特殊组件”， 'styleable-require'： ['special-style']， // <- 该组件需要特殊样式 }, } ].forEach（（{ type， props }） => { Components.addType（type， { 型号：{ 默认：道具， } }); Blocks.add（type， { 标签：类型，内容：{ 类型 }， }); }); Styles.addSector（'special'，{ 名称：“特殊部门”，开启：真，性质：[ { ID：“特殊风格”，类型：“颜色”，名称：“我的财产”，性质：“颜色”， toRequire： true， // <- 该属性仅在组件请求时显示 } ] }， { at： 0 }）; } const editor = Grapesjs.init（{...

风格管理器问题。

问题

回答（4）

相关问答

'setStyle' 和 'setComponents' 选项参数未被考虑

This.on（'change：attributes：type'， this.handleTypeChange）不支持数组类型

无法刷新iframe

V0.16.27 - 嵌套时样式/ID消失

与此问题匹配的付费插件

浏览插件分类