thymeleaf utext / th:utext 自己插入换行符，为什么？ [复制]

Question

在th:utext 中使用简单的 html 标记似乎会导致呈现错误的换行符。为什么会这样，和/或我该如何预防？

我的标记如下所示：

<div class="row mb-1" th:utext="${item.snippet}"></div>

我的 Java 看起来像这样：

snippet = StringUtils.replaceIgnoreCase(snippet, 
searchText.trim(), 
"<strong>"+searchText.trim().toUpperCase()+"</strong>");

当snippet 是“敏捷的棕狐跳过懒狗”时； searchText 被“跳跃”了；并且存在strong 标签； html 呈现如下：

The quick brown fox
<strong>JUMPED</strong>
over the lazy dogs

当我删除 strong 标签时，html 呈现如下：

The quick brown fox JUMPED over the lazy dogs

值得注意的是，我说的不仅仅是它在浏览器中的显示方式；源代码实际上在</strong> 之后显示了一个换行符；当</strong> 不存在时没有换行符。我已经确认它也没有被添加到 Java 层中。

Answer 1

尝试使用“内联表达式：”

<div class="row mb-1">[(${item.snippet})]</div>

记录在here。

至于为什么，我有一个类似的模板，并注意到 Thymeleaf 3.0 发布后的行为变化。在描述内联表达式时，issue 将等效描述为：

<div class="row mb-1"><th:block th:utext="${item.snippet}"/></div>

该行为表明对部分或所有标签有额外的文本处理，<th:block th:utext"..."/> 必须隔离目标文本。