사용자의 입력값 그--대로 출력하는 방법

 

 게시판 구현 중에

<textarea> 태그 내에 인풋값을 저장한 후,

<div> 태그 내에 쏴주었는데 글에서 여러번 중복된 띄어쓰기와 엔터값이 출력이 안되는 현상을 발견했다ㅏㅏ

 

나의 해결방법

<pre></pre> 태그를 사용해서 사용자가 입력한 값이 그대로 출력되게 하고,

( 무한 띄어쓰기 및 엔터값 출력가능 )

<pre> 태그에 먹여져 있는 기본 스타일을 없애주기 위해 태그에 css를 먹여서 커스텀해주면 된댜ㅑㅑ

 

++ 여담

위 방법을 사용하기 전에,

고대로 <textarea> 태그를 사용해서도 출력해봤는데,

<textarea>는 온갖 방법을 써도 지워지지 않는 기본 스타일값이 있어서 포기했다ㅏㅏㅏ ㅎ..

 

 

출처 :

https://offbyone.tistory.com/326

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