Giá trị văn bản jQuery không chuyển đổi ngắt dòng

Question

Khi thêm chuỗi, hãy đặt trong JavaScript, thành giá trị văn bản, có vẻ như chuyển đổi ngắt dòng. Tuy nhiên, khi lấy chuỗi này từ thuộc tính dữ liệu, dường như để lại ngắt dòng là \ n

Cả hai loại này đều có loại chuỗi nên tôi nhầm lẫn cách thức hoạt động chứ không phải cách khác.

Làm cách nào để lấy thuộc tính dữ liệu và làm cho ngắt dòng hoạt động với vùng văn bản?

<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

Bạn cần phải sử dụng các thực thể vật HTML cho ngắt dòng trong một tài sản HTML: 


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

Updated fiddle

Answer 2

Khi bạn nhận được nó từ thuộc tính dữ liệu \n đang trở nên trốn thoát, do đó bạn cần phải thay thế nó:

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

Example