:导出的CSS无法覆盖主体的背景色
谢谢你,James,我们已经知道了 #552,但遗憾的是还没有提供任何修复 :/ 主要问题是GrapesJS不擅长主体/包裹的造型,因此我们会看到“主体”来自三个不同的地方:来自[protectedCss](https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js#L68)选项从包装器的组件样式(通常是主体,因此[我单独处理](https://github.com/artf/grapesjs/blob/dev/src/code_manager/model/CssGenerator.js#L27))和你的情况一样,同样来自另一个CSSRule(由'st...
阅读下方完整回答 ↓问题
当 init 函数的“样式”选项中定义了身体背景样式时,无法覆盖。
鉴于风格:
正体 {
背景色:#000000;
}
在Grapes中更改背景色后,CSS输出为:
正体 {
背景色:#f80000;/* 颜色选自葡萄 */
}
正体 {
背景色:RGB(0, 0, 0);/* 原始颜色应被覆盖 */
}
由于顺序,使用时会优先使用原色。
虽然这不一定是问题,但重复“body”并非必需,如果合并“body”的CSS定义,可能会解决这个问题。我相信其他 CSS 选择器也会这样。
繁殖步骤
- https://jsfiddle.net/jk3g2eu2/
- 点击画布上的包装
- 更换背景颜色。
- 点击代码图标查看生成的CSS。
回答(2)
谢谢你,James,我们已经知道了 #552,但遗憾的是还没有提供任何修复 :/ 主要问题是GrapesJS不擅长主体/包裹的造型,因此我们会看到“主体”来自三个不同的地方:来自[protectedCss](https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js#L68)选项从包装器的组件样式(通常是主体,因此[我单独处理](https://github.com/artf/grapesjs/blob/dev/src/code_manager/model/CssGenerator.js#L27))和你的情况一样...
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
相关问答
通过相似的问题讨论继续研究。
问题 #1033
:使用ID时,无法更新或移除样式
繁殖步骤https://jsfiddle.net/1cjjr02p/在编辑器中点击文本,更改背景颜色。导出CSS。你会看到新颜色和原色的存在顺序,阻止了新颜色的使用。 ` 3.. 使用相同的 jsfilddle,无法移除 CSS 属性。 这与#552 #986类似,但问题仅在使...
问题 #914
:葡萄不能用新的HTML重新激活
更改HTML后在Grapes上调用“init()”失败。这种情况发生在单页应用上。 我认为需要一个“destory()”函数来优雅地重置葡萄。https://jsfiddle.net/wdtrg1je/(非常基础的单页应用模拟)点击“添加葡萄”(加载带有某种HTML的葡萄)点击...
问题 #1614
:将css变量添加为style manager属性
尝试向样式管理器添加CSS变量导致错误: “未捕获类型错误:无法读取未定义[fiddle](https://jsfiddle.net/GCoda/ke3p0mgj/)的属性'toPerCase' “JavaScript 编辑。StyleManager.addSector('te...
问题 #1865
:葡萄换页
你好, 我在HTML页面中使用葡萄时发现了以下问题: 当你点击编辑器中的某些元素,比如在标签管理器中移动元素的箭头时,整个页面都会向上移动。 问题也出现在你的JSFiddle入门模板 https://jsfiddle.net/szLp8h4n。 ![bug_grapes](ht...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。