[jQuery] .html 개행 \n 적용 <br>

 

.html 사용시 개행문자 들어간 문자열 줄바꿈 적용

jQuery의 .html() 메소드는 텍스트를 HTML로 파싱하여 출력합니다. 

HTML에서는 일반적으로 <br> 태그를 사용하여 줄바꿈을 나타냅니다.

반면에, \n은 일반적으로 텍스트 에디터나 커맨드 라인 인터페이스에서 사용되는 줄바꿈 문자입니다. 

웹 브라우저는 이 문자를 그대로 출력할 경우, 줄바꿈이 적용되지 않고 띄어쓰기만 적용되므로, 

HTML에서는 <br> 태그를 사용하여 줄바꿈을 나타냅니다.

따라서, .html() 메소드를 사용할 때 개행 문자 대신 <br> 태그를 사용하는 것이 

웹 브라우저에서 올바르게 줄바꿈을 적용하는 방법입니다.

 

 

개행 문자를 <br> 태그로 변경하는 방법

// 개행 문자를 <br> 태그로 변환하는 함수
function nl2br(str) {
  return str.replace(/\n/g, "<br>");
}

// 예시 문자열
var str = "첫번째 줄\n두번째 줄\n세번째 줄";

// 개행 문자를 <br> 태그로 변환하여 출력
var htmlStr = nl2br(str);
$("#myDiv").html(htmlStr);