[JAVASCRIPT] 개행 문자 처리

TEXTAREA 로 받은 데이터를 JAVASCRIPT 에서 호출시 개행문자 처리가 되지 않고 한줄로 쭉 표시가 되어진다

 

이때 해당 \r\n 을 <br>로 치환 하여 표현 될수 있도록 한다.

<textarea id="desc" rows="5">
qwer
asdf
zxcv
</textarea>



<div id="returnData">
</div>



<script>
$( document ).ready(function() {
	var desc = $("#desc").val();
	desc = desc.replace("\n", "<br>");
	$("#returnData").html(desc);
});
</script>

아래와 같이 할경우 첫번째 개행은 처리가 잘 되어지지만 그 뒤로는 개행이 처리가 되어지지 않는다 

 

그래서 아래와 같이 보통 정규식 형태로 처리를 하게 된다.

<script>
$( document ).ready(function() {
	var desc = $("#desc").val();
	desc = desc.replace(/(?:\r\n|\r|\n)/g, '<br>');
	$("#returnData").html(desc);
});
</script>

그러면 깔끔하게 3줄로 개행이 처리된 형태로 표현된다.