Thymeleaf模板通过在CSS文件中转义磅符号来解析模型属性

Question

当我尝试使用Thymeleaf将一些基本CSS加载到我的CSS文件中时，Thymeleaf完成了这项工作，但是当我使用像#和任何形式的括号这样的特殊字符时，它会被\

我现在想做的就是动态获取一个HEX颜色值（在本例中是SQL数据库），并将其加载到我的CSS文件中。

注意：我对Spring MVC和Thymeleaf相当陌生，所以我可能忽略了一个可能的解决方案，而不知道它是解决方案。

我理解为什么Thymeleaf觉得应该避开这些字符，因为它们在html和xhtml中可能会有很大的问题，但这是CSS，只需要按原样插入原始文本。

我自己也使用过HTML实体以及对磅（#）进行编码，但它在CSS中不起作用，我也觉得这不是最好的解决方案，即使是这样：HTML实体（十进制）#HTML实体（十六进制）#

我还采用Javascript方法来解析模板，但它不适用于CSS。

CSS类在我的. css文件：

.bgMainColor{
    background-color:/*[[${styleProperties.Main_Color}]]*/ pink;
}

在我的JAVA Controller中，我将模型属性设置如下：

model.addAttribute("styleProperties", properties);

注意：属性包含样式属性的列表，如主颜色。控制器中的一切工作正常，Thymeleaf知道何时将模型传递到CSS文件，CSS被插入，但没有正确插入。

然后CSS将呈现为：

.bgMainColor{
    background-color: \#1BC6B4;
}

由于明显的原因，这不起作用。

我到处找，找不到有效的解决方案。必须有一种方法“告诉”Thymeleaf正在解析的模板是CSS而不是html。

如果有人能给我一个解决方案，或者能为我指明正确的方向，让我像自己做这项工作一样自学，我将不胜感激。

Answer 1

我认为Thymeleaf试图将您的CSS作为CSS标识符进行转义。

也就是说，您只需从转义形式/*[[${…}]]更改表达式即可*/ 到未转换的表单/*[（${…}）]*/ 并且它不会逃脱您的颜色代码。

.bgMainColor{
    background-color: /*[(${styleProperties.Main_Color})]*/ pink;
}