问题 #1428✓ 已解决提出于 2018年9月15日作者 peakrams5 个反应

定义或隐藏特定组件的属性

快速解答作者 juanj2

我不确定这是不是最优方法,但你可以听“component:selected”事件,如果选中的组件是你想要的,就可以添加一个新扇区。然后你需要听取“component:deselect”事件,如果取消选中的组件就是你移除多余扇区之前的那个。 如果你不想创建整个扇区,可以直接用“addProperty”和“removeProperty”来覆盖现有扇区。 同样的操作也可以用来移除特定组件的扇区。

阅读下方完整回答 ↓

问题

你好,

我想知道是否有可能为特定组件定义属性。我的意思是,当我选择组件“图片”时,我希望在样式管理器面板中,相对于“排版”的部分不显示;同样地,当我选择“表格”组件时,我希望在样式管理器的“维度”面板中看到一个属性“我的属性”,我希望它只适用于“表格”组件。这可能吗?

谢谢!

回答(3)

👍 最有帮助juanj2018年9月15日

我不确定这是不是最优方法,但你可以听“component:selected”事件,如果选中的组件是你想要的,就可以添加一个新扇区。然后你需要听取“component:deselect”事件,如果取消选中的组件就是你移除多余扇区之前的那个。 如果你不想创建整个扇区,可以直接用“addProperty”和“removeProperty”来覆盖现有扇区。 同样的操作也可以用来移除特定组件的扇区。

artf2018年9月16日

实际上,你也可以依赖一些专门为此目的制作的[Component](https://grapesjs.com/docs/api/component.html)属性:'可样式化' - 如果组件可以样式化,则为真。你也可以指定一组CSS属性,可以样式化,比如:['color', 'width'],其他所有属性都会被样式管理器隐藏。默认值:“真”“不可样式化”——表示一组样式属性,这些属性应对样式管理器隐藏。默认值:“[]''styleable-require' - 表示样式管理器中显示的样式属性数组,这些属性已被标记为“toRequire”。默认值:“[]' 关于“styleable-requir...

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。