jQuery textarea Wert konvertiert keine Zeilenumbrüche

Question

Beim Hinzufügen einer Zeichenfolge, in JavaScript festgelegt, zu einem Textarea-Wert, scheint es, Zeilenumbrüche fein zu konvertieren. Wenn diese Zeichenfolge aus einem Datenattribut abgerufen wird, scheint sie jedoch die Zeilenumbrüche zu enthalten. \ N

Beide haben eine Zeichenfolge, so dass ich verwirrt bin, wie die eine funktioniert, aber nicht die andere.

Wie kann ich das Datenattribut greifen und die Zeilenumbrüche mit einem Textfeld arbeiten lassen?

<div id="test" data-message="this\ntest"></div> 
<textarea id="textarea"></textarea> 
<textarea id="textarea2"></textarea> 

var html = 'this\ntest'; 
var div = $('#test').data('message'); 

$('#textarea').val(html); 
$('#textarea2').val(div); 

JSFiddle Example

Answer 1

Sie müssen die HTML-Zeichen-Entity für Zeilenumbruch innerhalb einer HTML-Eigenschaft verwenden: 


<div id="test" data-message="this&#13;test"></div> 

Updated fiddle

Answer 2

Wenn Sie es von der Datenattribut die \n entkam wird immer so dass Sie es ersetzen müssen:

$('#textarea2').val(div.replace("\\n","\n")); 

Example