在textarea中保留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> 

我想使文本以與textarea中顯示的確切方式顯示在div中。

我試圖用word-break等css div，但沒有一個有效。

注意：具體來說，我只是想知道如何在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

如果您希望他們能夠將其導出為HTML。

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

參考： 如何使用<br />標記替換字符串中的所有換行符？