格式化标签不适用于Thymeleaf

Question

为什么这段代码在文本之前显示图像：

<p>
  <span>
    <img src="../assets/images/favorite.svg" height="12px"/>
  </span>
  Baked Alaskan Salmon with Asparagus
</p>

但是当用Thymeleaf格式化时，它不会显示图像：

<p th:text="@{' ' + ${recipe.name}}">
  <span>
    <img src="../assets/images/favorite.svg" height="12px"/>
  </span>
  Baked Alaskan Salmon with Asparagus
</p>

Answer 1

尝试使用Thymleaf's th:inline="text"标签在Thymleaf处理过的标签内显示html内容。 下面的代码应该工作，虽然我没有测试过

<p th:inline="text">
    [[@{' ' + ${recipe.name}}]]
    <span>
        <img src="../assets/images/favorite.svg" style="height:12px"/>
    </span>
    Baked Alaskan Salmon with Asparagus
</p>

有关inline代码如何工作的更多说明，请查看文档