:导出的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 函数的 style 选项中定义了 body background style,就无法覆盖。
鉴于风格:
body {
background-color: #000000;
}
在 Grapes中更改背景色后,CSS 输出为:
body {
background-color:#f80000; /* Colour selected in Grapes */
}
body {
background-color:rgb(0, 0, 0); /* Original colour that should be overwritten */
}
由于顺序,使用时会优先使用原色。
虽然这不一定是问题,但重复 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))和你的情况一样...
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
相关问答
通过相似的问题讨论继续研究。
问题 #1019
身体背景颜色第二次不会改变。
嘿, 我用的是[email protected]。 我在“正文”CSS样式方面遇到了问题。 我的设想是: 我正在本地文件系统打开一个空白文件。我把“body”背景色改成了“#ff0000”并保存了文件。当我在本地文本编辑器中打开该文件时,文件已正确保存,显示为“body{backgro...
问题 #1357
:身体 -> 装饰 -> 背景-图像
版本 0.14.25 |本地副本 GrapesJS 测试支持:Chrome 68,Firefox 61 在“Body (Selected #wrapper) -> Decorations -> Background -> Layer # -> Image”中添加背景图片,保存到...
问题 #910
:支持没有预定义CSS结构的现有HTML页面的复杂度估计?
我有大量静态网站,有些是很久以前开发的(用Bootstrap等),有些是最近开发的(用CSS Grid等)。有些使用内联样式,有些使用基于类的样式,有些基于组件层级(例如“#id > div > ul > li”),有些则直接通过 html 组件名样式(例如 'form'),还...
问题 #453
之前保存的CSS规则在样式管理器中未显示
之前用远程方法保存的CSS规则在样式管理器中不显示。 远程 JSON 响应 '{“gjs-assets”:“”,“gjs-css”:“*{box-sizing: border-box;}body{margin:0;}#c743{background-color:#b0aeae;...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。