[Thymeleaf] 단순 텍스트 출력 - text, utext

Thymeleaf 레퍼런스를 작성하고 있습니다.

최대한 간결하게 예시와 기능에 대한 설명만을 요약하려 합니다.

---

1. Thymeleaf에서 텍스트 다루기

1.1 HTML 태그에서 사용

1.1.1 th : text

특수문자를 해석하여 출력함

 

<span th:text="${data}">

 

$data = "<b> abcd </b>"

// 출력결과
&lt;b&gt; abcd &lt;/b&gt;

 

1.1.2 th : utext

특수문자를 해석하지 않고 그대로 출력

HTML 태그를 포함하여 출력할 수 있음

<span th:utext="${data}">

 

$data = "<b> abcd </b>"

// 출력결과
<b> abcd </b>

 

 

1.2 HTML 콘텐츠 영역에 직접 출력

1.2.1[[....]]

특수문자를 해석하여 출력함

my text is [[${data}]]

 

$data = "<b> abcd </b>"

// 출력결과
my text is &lt;b&gt; abcd &lt;/b&gt;

 

1.2.2[(....)]

특수문자를 해석하지 않고 그대로 출력

HTML 태그를 포함하여 출력할 수 있음

my text is [(${data})]

 

$data = "<b> abcd </b>"

// 출력결과
my text <b> abcd </b>

 

1.2.3 [[....]], [(....)] 출력

본문에 타임리프 관련 태그([[ ]], [( )])를 출력하려면 th:inline="none"을 사용

<span th:inline="none">[[....]] = </span>[[${data}]]
<span th:inline="none">[(....)] = </span>[(${data})]

 

${data} = "<b> abcd </b>"

// 출력 결과
[[....]] = &lt;b&gt; abcd &lt;/b&gt
[(....)] = <b> abcd </b>