[Javascript] textarea를 위한 개행문자 처리

0. textarea에 입력된 \r\n을 <br />로 변환

textarea에 입력된 문자열은 개행문자로 \r\n을 갖지만 이를 HTML의 텍스트 노트로 출력하기 위해서는 <br /> 태그로 변환해주어야 한다.

 

자바스크립트의 replace() 함수를 사용해 다음과 같이 문자열에 있는 \r\n 문자를 <br />로 바꿔줄 수 있다.

 

function processText(target){
    let content = target.boardContent.value;
    content = content.replace(/(\n|\r\n)/g, '<br />');
    target.boardContent.value = content;
}

 

 

1. 문자열의 <br />을 \r\n으로 변환하여 textarea에 입력

반면에 게시글을 수정하기 위해 데이터베이스에 저장된 문자열을 다시 textarea에 삽입해야하는 경우, <br /> 태그를 \r\n으로 변환해주어야한다.

 

window.onload = function(){
    let content = '${boardVo.boardContent}';
    content = content.replace(/<br \/>/g, '\r\n');
    
    let boardContent = document.querySelector('#boardContent');
    boardContent.value = content;
}