问题 #908💬 已回答提出于 2018年2月28日作者 sbarfurth0 个反应

为面板和其他编辑器元素添加自定义类

快速解答作者 artf

你可以这样设置属性 “''js 编辑。Panels.addPanel({ id:“myNewPanel”, ... 属性: {'data-stuff': 'val1', 'classe': 'val2'} }) ```

阅读下方完整回答 ↓

问题

使用提供自定义类的UI框架时,如果能在面板等环境中使用这些类就更好了,这样你就不用重写CSS。

一种可能的语法可能如下:

“''js panelManager.addPanel({ id:“myNewPanel”, 可见:真, 按钮:[...], 类: ['myCustomClass', 'so-custom'], });


如果事后能用设置器来实现预设设置也会很有用。

“''js
panelManager.getPanel('panel').set('classes', ['addedClass']);

我还没找到专门针对面板的办法。不过我认为这对任何编辑器的UI元素都很有用。

回答(2)

artf2018年3月2日

你可以这样设置属性 “''js 编辑。Panels.addPanel({ id:“myNewPanel”, ... 属性: {'data-stuff': 'val1', 'classe': 'val2'} })

lock[bot]2019年9月18日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

问题 #1350

渲染无响应

使用代码时: 我本以为面板应该没有任何按钮。看起来并没有...... [更新]我换成了: 当它用在三个按钮上时,第一个和最后一个按钮会被删除,但第二个不会。 [更新2]我终于添加了以下功能,作为暂时的变通,直到问题解决...... 我正在尝试构建选定组件的DOM父树。这样每次我...

2 个回答更新于 2019年9月17日

问题 #1602

面板可见度

嘿,@artf, 你最近怎么样? 快速问题:面板有一个叫做“可见”的属性。我试着把它设为false,但什么都没发生。 我是在GrapesJS渲染成“编辑器”之后才得到面板。Panels.getPanel('myId').set('visible', false)'; 我查了源代...

3 个回答更新于 2019年11月30日

问题 #542

在 PanelManager 上调用 render() 会导致样式管理器失效

代替#540,我尝试手动移除选项面板中的一个按钮,使用这个: 这个方法还行,按钮消失了,但“pnm.render()”似乎破坏了样式管理器,导致它变得无响应。其他东西似乎都没坏,只有造型有问题。这是我引入的问题还是个bug? 谢谢!

3 个回答更新于 2019年11月9日

问题 #1127

命令多次运行

大家好, 我需要你的帮助。我在命令面板上创建了一个自定义按钮来发布用 Grapes 创建的网站。当我点击它时,它会执行该命令两遍,我不明白为什么 这是我的代码片段。任何帮助我都会非常感激。 为所有方块设置默认插件 插件: ['GJS-preset-webpage'], plug...

3 个回答更新于 2019年10月17日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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