保持線outputed 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="word-break: break-all;"></div>

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

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

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

來源

2017-03-08 Will

的[？我如何替換字符串中的所有換行符與
標籤]（可能的複製http://stackoverflow.com/questions/784539/how-do-i-replace- – Nico

也可以嘗試使用像'change'這樣的事件偵聽器來更新'div'，因爲用戶輸入的是類型而不是等待字段丟失重點與'模糊'。 – Moose

@Moose ya我知道我只是希望我的助手能夠立即看到結果，而不是將自己的東西放進去。 – Will

嘗試將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>

來源

2017-03-08 22:37:18 Stickers

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

如果是這樣，

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

就行了。

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

來源

2017-03-08 22:51:21 Neil

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

回答

相關問題