编辑？Css.addRules（targetCss）;

Question

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 最新版本的Chrome浏览器 可复制演示链接 无效 描述一下那个虫子 如何复现这个漏洞？ 编辑？Css.addRules（targetCss）; 预期的行为是什么？ 编辑？Css.addRules（targetCss）; 它为结尾增添了风格 <img width=“826” alt=“image” src=“https://github.com/GrapesJS/grapesjs/assets/114127651/28425b0a-b9f7-46a8-b8bc-736aa112cc3c”> 目前的行为是什么？ 我帮忙编辑吗？Css.addRules（targetCss，{at ： 0}）; 我想在数组的开头添加样式，而不是在结尾。 ... 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ```行为准则 [X] 我同意遵守本项目的行为准则

artf · Accepted Answer

这不是个bug，'Css.addRules'没有任何选项参数。 你可以就这个话题展开讨论，我们可以看看是否有必要引入它

pittleCheung · Answer

好的，我明白了，我需要在数组前面添加样式，而不是在最后。比如 arr.unshift（css）。我该怎么做？我可能需要你帮帮我

ClaudeCode · Answer

谢谢你举报，@pittleCheung。 关于编辑？的好问题。Css.addRules（targetCss）;.推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） => console.log（'component ready'， c））; editor.on（'component：update'， （c） => console.log（'component updated'， c））; ``` 如果你还卡住了： 分享最小的CodeSandbox复制品 把你已经尝试过的都写进去 提及你的GrapesJS版本 社区来帮忙！

编辑？Css.addRules（targetCss）;

问题

葡萄JS版本

你用的是什么浏览器？

可复制演示链接

描述一下那个虫子

回答（3）

相关问答

如果删除组件但不删除其对应样式，之后添加新组件会导致样式冲突吗？

删除组件而不删除其对应样式

边框半径的显示顺序不正确

CompoentTextView 的源码图无法加载

与此问题匹配的付费插件

相关教程

GrapesJS DevTools: A Developer Panel Inside Your Editor

How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services

Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS

浏览插件分类