[JAVASCRIPT/JQUERY] textarea 엔터키 <br>로 치환

 

DB에 저장된 textarea의 문자를 가져와 뿌릴때 textarea가 아닌 화면에 뿌려줄경우 줄바꿈(enter)이 되지않는다.

이때 줄바꿈을 <br>로 바꿔줘보자!

 

- JAVASCRIPT

//enter => <br>
var text = document.getElementById("textarea").value;
text = text.replace(/(?:\r\n|\r|\n)/g, '<br>');

//<br> => enter
var text = document.getElementById("textarea").value;
text = text.replaceAll("<br>", "\r\n");

 

- JQUERY

//enter => <br>
var text = $('textarea').val();
text = text.replace(/(?:\r\n|\r|\n)/g, '<br>');

//<br> => enter
var text = $('textarea').val();
text = text.split('<br>').join("\r\n");

 

위와 같이 변환해서 DB에 저장하거나, 화면에 뿌려주면 된다.