[jquery] 문자열에 새 줄 (\ n)을 사용하고 HTML에서 동일하게 렌더링

나는 문자열이

string display_txt = "1st line text" +"\n" + "2nd line text";

Jquery에서 사용하려고합니다.

('#somediv').html(display_txt).css("color", "green")

내 메시지가 두 줄로 표시 될 것으로 예상하고 있지만 대신 \ n이 메시지에 표시됩니다. 그것에 대한 빠른 수정이 있습니까?

감사,



답변

<br />html에서 새 줄에 사용 :

display_txt = display_txt.replace(/\n/g, "<br />");


답변

표 셀의 CSS를 다음과 같이 설정하십시오.

white-space:pre-wrap;

document.body.innerHTML = 'First line\nSecond line\nThird line';
body{ white-space:pre-wrap; }


답변

div 대신 pre 태그를 사용할 수 있습니다. 이렇게하면 \ n이 올바른 방식으로 자동으로 표시됩니다.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
         var display_txt = "1st line text" +"\n" + "2nd line text";
         $('#somediv').html(display_txt).css("color", "green");
});
</script>
</head>
<body>

<pre>
<p id="somediv"></p>
</pre>

</body>
</html>


답변

어쩌면 .text대신 .html?


답변

나는 데이터베이스에서 데이터를 가져오고 \n. 위의 솔루션 중 어느 것도 나를 위해 일하지 않았고 마침내 해결책을 찾았습니다 .https : //stackoverflow.com/a/61484190/7251208


답변