Thymeleaf th:text-поместите текст без удаления HTML-структур

Я новичок в thymeleaf и я пытаюсь создать шаблон. Моя проблема заключается в следующем коде:

код

<h1 th:text="${header.title}" >
   title
   <small th:text="${header.subtitle}" >Subtitle</small>
</h1>

Я хочу получить этот выход:

<h1> TITLE <small> SUBTITLE</small> </h1>

но это реальный выход:

<h1> TITLE </h1>

как я могу сделать так, чтобы он не удалял то, что находится внутри "маленького"?.

спасибо заранее.

31
spring-mvc templates thymeleaf

4 ответов

я столкнулся с той же проблемой. ответ th:inline='text'

это должно решить вашу проблему

<h1 th:inline="text" >
   [[${header.title}]]
   <small th:text="${header.subtitle}">Subtitle</small>
</h1>

или вы также можете использовать th:remove="tag"

<h1>
    <span th:text="${header.title}" th:remove="tag">title</span>
    <small th:text="${header.subtitle}" >Subtitle</small>
</h1>
91

независимо от семантики тегов, правильный ответ звучит так:

<h1>
    <span th:text="${header.title}" th:remove="tag">title</span>
    <small th:text="${header.subtitle}" >Subtitle</small>
</h1>

таким образом, Thymeleaf удаляет de <span> тег и результаты-это то, что вы ожидаете:

<h1> 
    TITLE 
    <small>SUBTITLE</small> 
</h1>

С уважением!

7

Я не уверен, что вы пытаетесь, так как small теги h1 не будет казаться маленьким. В Thymeleaf th:text тег заменит весь текст в вашем h1 - тег, поэтому ваш вывод показывает только "название". Вы должны разместить <small> теги за пределами h1 - тег.

<h1 th:text="${header.title}">title</h1>

<small th:text="${header.subtitle}">Subtitle</small>

и я считаю, что вы ищете этот ответ:

<h1>
   <span th:text="${header.title}" th:remove="tag">title</span>
   <small th:text="${header.subtitle}">Subtitle</small>
</h1>

1

в дополнение к ответу @Faraj вы также можете использовать th:block такой

<h1>
   <th:block th:utext="${header.title}"/>
   <small th:text="${header.subtitle}" >Subtitle</small>
</h1>
0