内联CSS注释导致代码管理器失效
好了,我终于又复现了这个。重新开业时,[更好的小提琴](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 属性存储方式如下:

最大的问题是 CssGenerator 的“buildFromObject” 把 '/' 作为“/ height” 规则名称的一部分,并且把它串接成整个 css 字符串。所以当CSS代码到达这个模型时,基本上就是_commented out_,变成了一团无法使用的注释代码。
显然,真正的解决办法不在 CodeManager 上。把“/* height”当作规则名的人就是在犯错。
回答(3)
好了,我终于又复现了这个。重新开业时,[更好的小提琴](https://jsfiddle.net/nshc9wak/1)。 gjs 内部的代码是 '''html <p style=“/ 颜色:#ffffff; /”></p> <span style=“color: red;”>Bar</span> bug是“/* color:#ffffff;”没有关闭评论标签。因此,它会渲染之后的任何 CSS。 抱歉回复晚了。
嗨,Emil,我试过这个 https://jsfiddle.net/37n5691f/ 但没看到问题
由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。
相关问答
通过相似的问题讨论继续研究。
问题 #2207
:如果在顶部/左侧有空位,Mode Absolute 无法拖动组件
给定以下代码示例...... “'' HTML <div style=“height: 100px;”> 顶部或左侧有空隙 </div> <div id=“gjs”> <p style=“填充:25px”> 赫斯德洛世界!!</p> </div> 导致无法通过面板上的拖曳图标拖...
问题 #2592
模态宽度
你好,有没有办法设置模态的宽度?目前CSS设置为850px,但我想创建一个文字量较少的对话框,而且太大了: ”创建了一个新组件,里面用了带有“<thead>''和”<tbody>''标签的表元素。但用 'editor.getHtml()' 方法获取 html 时,'<thead>' 和 '<tbody>' 标签会被省略...
问题 #1936
绝对/设计模式
大家好, 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么,以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件,没有HTML固定的位置限制,更像Photoshop/Sketch等工具里的操作。这样移动组件会...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
教程
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
浏览插件分类
直接跳转到市场上的插件分类页面。