textarea로 입력 받은 글을 줄바꿈 살려서 출력하기

2021. 4. 2. 13:58Front-end/HTML

728x90
반응형

textarea로 입력받은 글을 출력하게 되면 줄바꿈이 적용되지 않는 것을 볼 수가 있다.

그 이유는 데이터베이스에 저장될 때 개행문자가 \n, \r, \r\n 이런식으로 저장이 되기 때문이다.

처음에 검색해보았을 때 저런 개행문자를 정규표현식으로 모두 찾아서 replace, replaceAll 메소드를 통해 <br>으로 바꾸어주면 된다는 방법을 보긴했었는데 어떤 이유인지 되지 않아서 헤맸다가 생각보다 간단한 방법으로 1초만에 바꿀 수 있었다.

 

바로 pre 태그로 출력하면 된다. 그러면 복잡한 방법 필요 없이 그냥 바로 해결이 된다!

 

🌭 textarea로 입력받은 글을 p로 출력했을 때(줄바꿈 적용 안된 모습)

🍕 textarea로 입력받은 글을 pre로 출력했을 때(줄바꿈 적용 된 모습)

728x90
반응형

'Front-end > HTML' 카테고리의 다른 글

[생활코딩] Semantic Web  (0) 2021.01.06