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>