[thymeleaf] escape 처리 우째하누?

2021. 10. 5. 13:42전자정부 업글/Thymeleaf 적용기

반응형

타임리프 튜토리얼 : https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#unescaped-text

1. controller 단에서 요로케 htmlTag키의 값으로 태그가 있는 문자열을 넣어준다음
   model.addAttribute("htmlTags","Welcome to our <b>fantastic</b> grocery store!");


2. html 단에서 htmlTags를
   escape 처리시
       1. 표현방법1 :           

<div th:text="${htmlTags}"></div>

       2. 표현방법2 :

<div> [[ ${htmlTags} ]] </div>

       3. 1, 2번 적용시 결과 :

<div> Welcome to our &lt;b&gt;fantastic&lt;/b&gt; grocery store! </div>

   escape 처리안할 시(주로 html 편집기에서 저장한 내용을 그대로 표현해야할때 사용)
       1. 표현방법1 :           

<div th:utext="${htmlTags}"></div>

       2. 표현방법2 :

<div> [( ${htmlTags} )] </div>

       3. 1, 2번 적용시 결과 :

<div> Welcome to our <b>fantastic</b> grocery store! </div>

 

반응형