キープラインは、私はそれがテキストエリアに表示されるテキストは、正確な方法での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>

からoutputedの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

Panglossは、解決策を提案していますが、それらをHTMLにエクスポートできるようにしたい場合は、あなたを助けることができるとは思われません。

もしそうなら、

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

を尽くします。

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

[？私は
タグで文字列内のすべての改行を置換するにはどうすればよい]（の