새 줄 입력 텍스트를 새 줄에 표시하는 방법은 무엇입니까?

Question

나는이 코드를 사용하여 다음과 같은 코드를 사용하고

Hello,       \\1st line 
This is how i want to display,  \\2nd line 
such input is given to textfield. \\3rd line 

다음과 같습니다 새로운 라인의 텍스트 필드에 찍은 새 줄 텍스트 입력을 표시 할, 내가 그것을 표시하지 않는 새로운 라인에 입력하고 어떤 텍스트 전혀. (되지도 1 라인 텍스트) 내가 그것을 아래로 텍스트 만 한 줄에 들어가는 모든 새로운 라인을 표시 한 후 다음 코드를 사용하고있는 경우이 코드는 단 한 줄의 텍스트

{% for obj in post %} 
<script> 
var str= '{{ obj.content }}'; 
$(".statbox").prepend("<div class='box2'>" + str + "</div>"); 
</script> 
{% endfor%} 

를 표시

{% for obj in post %} 
    <div class='box2'> {{ obj.content }} </div> 
{% endfor%} 

,

그 출력

Hello,\\1st line\\ This is how i not want to display, \\2nd line\\ such input is given to textfield. \\3rd line 

그래서 모든 개행 내가 prepend 방식 ADV에서

Thnaks 이들 텍스트 disply 할 becoz JS 코드를 사용하여 새로운 라인에 입력 enterd 표시하는 방법 ..

Answer 1

특정 요소 내에서 HTML이 공백을 고려하지 않기 때문에 문제가됩니다.

는이 같은 <br /> 태그 문자열의 줄 바꿈을 대체 할 수있는 무엇을 필요로 달성하기

var str = `Hello, 
 
    This is how i want to display, 
 
    such input is given to textfield.`; 
 
$(".statbox").prepend('<div class="box2">' + str.replace(/\n/g, '<br />') + '</div>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="statbox"></div>