반응형
문자열에서 새 줄(\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
반응형
'sourcecode' 카테고리의 다른 글
std::string의 컨텍스트에서 약자 SSO의 의미 (0) | 2023.10.31 |
---|---|
sequelize Unknown 열 '*.createdAt'이 '필드 목록'에 있습니다. (0) | 2023.10.31 |
자바스크립트:변수에 할당된 콜백 함수에 변수를 전달할 수 있습니까? (0) | 2023.10.31 |
배열 값별 MySQL 정렬 순서 (0) | 2023.10.31 |
JavaBeanExecutable HV000254에 Java Enum에 대한 매개 변수 메타데이터가 없습니다. (0) | 2023.10.31 |