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代码的工作原理的详细说明，请查看docs

格式化标签不适用于Thymeleaf

1 个答案: