[HTML&CSS] 게시판 형식 그대로 유지하기(white-space:pre)

programming/HTML&CSS

LeeBorn 2019. 7. 28. 18:03

게시판을 만들어서 DB에 저장하고 불러오기는 어렵지 않다.

textarea나 input text에서 값을 저장하면 된다.

이때 db에 저장될 때 html 태그로 저장할 수 도 있고,

text만 그대로 저장할 수 도 있다.

태그들을 그대로 저장했을 경우에

다시 화면에 불러와줄땐 다르게 보일 수도 있다.

예를 들어,

<html>
	<body>
		<p>
			hello<br>
			world!!
		</p>
	</body>
</html>

아래와 같은 형식이 있을 때,

helloworld!!로 출력할 것인가

hello

world!! 의 형식으로 출력할 것인가 할 때

<div style="white-space:pre">
	hello<br>
	world!!
</div>

<p style="white-space:pre">
	hello<br>
	world!!
</p>

의 형식으로 쓴다면 입력했던 그대로 표시해줄 수 있다.