问题 #4573💬 已回答提出于 2022年9月9日作者 ahmafi1 个反应

ParseStyle is not a function

快速解答作者 Singwai❤ 1

这表现得很正常。有两个类似的按键可以改变组件的样式。（“风格”和“风格”） “styles”会用CSS字符串，并一次性附加到最终有效载荷上。我通常会为组件定义一个特定的状态的默认CSS。 “style”会接收CSS哈希，并直接用ID附加到该特定组件上。你可以导出 HTML，看看它们的表现。以下是相关文件： ![图片]（https://user-images.githubusercontent.com/5863227/189698236-2a32d09d-3641-4c6e-9c41-fce8416261a3.png） https://grapesjs.com/docs/api/component.html#component

阅读下方完整回答 ↓

问题

GrapesJS版本[X] 我确认使用最新版本GrapesJS你用的是什么浏览器？ Firefox 104.0.1可复制演示链接 https://codesandbox.io/s/grapesjs-parsestyle-bug-13h771描述一下那个虫子如何复现这个漏洞？创建一个带有style属性的自定义组件model。在组件model init函数中使用this.addAttributes。将该组件添加到编辑器中。基本上，当我在组件model定义中有style属性时，使用this.addAttributes，我就遇到了这个问题。我在v0.19.4时也遇到过同样的问题。你可以在浏览器中看到以下错误。如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：行为准则[X] 我同意遵守本项目的行为准则

回答（3）

Singwai• 2022年9月12日

artf• 2022年9月13日

我猜“parseStyle 不是函数”指的是已经修正的这个：https://github.com/artf/grapesjs/pull/4520

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →