Confluence导入HTML时行内样式background-color丢失问题求助
Confluence导入HTML丢失background-color属性的解决方法
Confluence默认会对导入的HTML内容做安全过滤,会自动删除不在白名单内的内联样式属性、以及不支持的CSS属性值,你遇到的背景色丢失大概率是以下两个原因:一是background-color不在当前实例的允许样式白名单中,二是8位带alpha通道的十六进制颜色值#99ffff9c不被当前Confluence版本兼容。
可尝试以下解决方法:
- 方法1:调整HTML代码适配Confluence规则
把带透明度的十六进制颜色替换为兼容性更好的rgba写法,修改后的div代码如下:
优先写无透明度的<div style="background:#99ffff;background-color:rgba(153, 255, 255, 0.61);border:1.0px solid #3296fa;border-radius:1.5em;width:1.5em;height:1.5em;display:inline-block;text-align:center"> T </div>background做兜底,就算带透明度的属性被过滤也能保留基础背景色。 - 方法2:使用Confluence HTML宏插入内容
不要直接粘贴HTML到普通编辑区,在编辑器中插入官方提供的「HTML宏」,把你的完整div代码粘贴到HTML宏的内容输入框中,HTML宏的内容不会经过默认样式过滤,可以完整保留你写的所有样式属性。 - 方法3:调整站点过滤规则(需要管理员权限)
进入Confluence管理员后台,依次打开一般配置 > 安全设置 > HTML清理,将background-color添加到内联样式允许列表中,同时可以关闭针对CSS颜色值的严格校验,修改后再重新导入HTML即可保留样式。
内容的提问来源于stack exchange,提问作者injecteer
相关产品推荐
相关产品推荐

