[thymeleaf] < > 이스케이프(escape) 해제 (그대로 출력)

스프링에서 thymelef의 th:text 와 [[${..}]] 속성은 자동으로 이스케이프를 지원한다.
이스케이프란 서버에서 데이터를 보냈을때 </b> -> &lt;/b&gt; 이런식으로 변환해 주는 것을 말한다.

이를 그대로 태그로 출력(Unescape)하고 싶다면 utext 또는 [(${..})] 구문을 사용하면 된다. 

<!-- 이스케이프 O -->
<span th:text="${data}"></span>
<!-- 이스케이프 X -->
<span th:utext="${data}"></span>

<!-- 이스케이프 O -->
<span>[[${data}]]</span>
<!-- 이스케이프 X -->
<span>[(${data})]</span>

- 예시 -

<ul>
    <li>th:text = <span th:text="${data}"></span></li>
    <li>th:text = <span th:utext="${data}"></span></li>
</ul>

 

결과 화면

 

결과 화면 소스코드