问题 #1577💬 已回答提出于 2018年11月14日作者 emilsedgh1 个反应

内联CSS注释导致代码管理器失效

快速解答作者 emilsedgh1

好了,我终于又复现了这个。重新开业时,[更好的小提琴](https://jsfiddle.net/nshc9wak/1)。 gjs 内部的代码是 '''html <p style=“/ 颜色:#ffffff; /”></p> <span style=“color: red;”>Bar</span> bug是“/* color:#ffffff;”没有关闭评论标签。因此,它会渲染之后的任何 CSS。 抱歉回复晚了。

阅读下方完整回答 ↓

问题

显然,这段HTML和CSS是有效的:

'<div style=“color: red; /* height 200px; */; font-weight: blan;”>'

(因此才有注释的_height_属性)

Grapesjs 在处理此类属性时遇到困难,因为模型上的 style 属性存储方式如下:

![screenshot_20181113_165603](https://user-images.githubusercontent.com/120439/48452681-0405c400-e765-11e8-83a6-0d4c46a2cd09.png)

最大的问题是 CssGenerator 的“buildFromObject” 把 '/' 作为“/ height” 规则名称的一部分,并且把它串接成整个 css 字符串。所以当CSS代码到达这个模型时,基本上就是_commented out_,变成了一团无法使用的注释代码。

显然,真正的解决办法不在 CodeManager 上。把“/* height”当作规则名的人就是在犯错。

回答(3)

emilsedgh2019年8月24日

好了,我终于又复现了这个。重新开业时,[更好的小提琴](https://jsfiddle.net/nshc9wak/1)。 gjs 内部的代码是 '''html <p style=“/ 颜色:#ffffff; /”></p> <span style=“color: red;”>Bar</span> bug是“/* color:#ffffff;”没有关闭评论标签。因此,它会渲染之后的任何 CSS。 抱歉回复晚了。

no-response[bot]2018年11月26日

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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