SetStyle

快速解答作者 bovealexandre

当我试图添加这个时它只是增加了这一点

问题

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome 最新版本可复制演示链接没有，因为它有太多React等自定义代码描述一下那个虫子如何复现这个漏洞？用 setStyles 向编辑器添加更多样式这是我在 setStyles 里用过的字符串预期的行为是什么？在编辑器中添加多种样式目前的行为是什么？只加那些孩子，更奇怪了所以目前只添加了这些如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：无需代码测试，只需 edit API 中的 setStyle 即可行为准则[X] 我同意遵守本项目的行为准则

回答（4）

bovealexandre• 2022年8月3日

当我试图添加这个时它只是增加了这一点

artf• 2022年8月3日

@bovealexandre至少提供一个简易可复现的例子，因为从我目前看到的情况来看，可能是你的自定义代码导致的

bovealexandre• 2022年8月3日

@bovealexandre至少提供一个最小可复现的例子，因为据我目前看到，可能是你的自定义代码导致的

好的，我刚刚在我的scss编辑器上做了editor.getCss（{ keepUnusedStyles： true }

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →