관리 메뉴

제뉴어리의 모든것

textarea 줄바꿈 처리 ('\n', 개행문자) - p태그에 줄 바꿈 적용 본문

HTML

textarea 줄바꿈 처리 ('\n', 개행문자) - p태그에 줄 바꿈 적용

제뉴어리맨 2021. 3. 30. 15:06

jsp 상에서 textarea 로 입력한 값을 다시 textarea로 출력할 때 줄바꿈이 되지 않아 따로 처리를 해주어야 한다.

찾아낸 방법은 크게 두가지인데

 

1. java나 jstl, javascript 등을 이용해 '\n' 개행문자를 '<br/> 태그로 변환

2. <pre> 태그나 css 속성인 white-space 를 이용해 html 상에서 출력된 개행문자를 그대로 노출

 

첫 번째 방법에서 jstl이나 el을 사용할 경우 jstl 태그나 el 에 직접 '\n' 를 입력해 치환하는 것은 불가능한 관계로 대부분 jsp scriptlet 에서 pageContext.setAttribute() 등을 이용한다.

 

<% pageContext.setAttribute("newLine", "\n"); %>
<p>$(fn:replace(content, newLine, '<br>')}<p>

개인적으로 두번째 방법을 택했다.

<p style="white-space: pre-line;">${content }</p>

 

출처 : textarea 줄바꿈 처리 ('\n', 개행문자) (tistory.com)