保持線outputed DIV打破從文本區域

Question

$("textarea").blur(function() { 
 
    $("div").html($("textarea").val()); 
 
}); 
 

 
$("textarea").blur();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<textarea style="height:50px;"> 
 
1. test 
 
2. test 
 
3. test 
 
</textarea> 
 

 
<div style="word-break: break-all;"></div>

我想使文本顯示在DIV的確切方式，因爲它出現在文本區域。

我試過css與word-break等，但沒有工作。

注意：具體而言，我只是想知道如何在div內做到這一點。

Answer 1

嘗試將white-space:pre;或white-space:pre-wrap;設置爲div。

$("textarea").blur(function() { 
 
    $("div").html($("textarea").val()); 
 
}); 
 

 
$("textarea").blur();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<textarea style="height:50px;"> 
 
1. test 
 
2. test 
 
3. test 
 
</textarea> 
 

 
<div style="white-space:pre;"></div>

Answer 2

Pangloss確實提出了一個解決方案，但它似乎並沒有能夠幫助你，如果你希望他們能夠將其導出爲HTML。

如果是這樣，

str = str.replace(/(?:\r\n|\r|\n)/g, '<br />'); 

就行了。

參考：How do I replace all line breaks in a string with <br /> tags?