[FIXED] Thymeleaf th:text - Put a text without removing HTML structures

Issue

I'm new in thymeleaf and I try to create a template. My problem is this code:

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

I would like to get this output:

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

But this is the real output:

<h1> TITLE </h1>

How can I do it, so it does not remove what is inside of "small"?

Solution

I faced the same problem. The answer is th:inline='text'

This should solve your issue

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

---

or you can also use th:remove="tag"

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

Answered By - Faraj Farook
Answer Checked By - Marie Seifert (JavaFixing Admin)