반응형
문자열에 새 줄 (\ 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?
반응형
'Program Tip' 카테고리의 다른 글
| 각도 재질 : 매트 선택 기본값을 선택하지 않음 (0) | 2020.10.20 |
|---|---|
| get / set 패턴 (Python에서)을 사용합니까? (0) | 2020.10.20 |
| 레일 3.2에 파비콘을 추가하는 방법 (0) | 2020.10.20 |
| Matplotlib 개별 컬러 바 (0) | 2020.10.20 |
| 정상적으로 node.js 종료 (0) | 2020.10.20 |