sourcecode

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

copyscript 2023. 10. 31. 22:33
반응형

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

할 말이 있습니다.

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

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

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

분명히 저는 제 msg가 2줄로 표시될 것으로 예상하고 있지만, 대신 메시지에 \n이 표시되고 있습니다.그것에 대한 빠른 해결책이 있습니까?

감사해요.

테이블 셀의 CSS를 다음으로 설정합니다.

white-space:pre-wrap;

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

사용하다<br />html의 새 행에 대해:

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

디브 대신 프리태그를 사용할 수 있습니다.이렇게 하면 자동으로 올바른 방법으로 \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

언급URL : https://stackoverflow.com/questions/8573890/using-new-line-n-in-string-and-rendering-the-same-in-html

반응형