使用换行符存储textarea的内容

Question

我试图将textarea的内容存储到localStorage中，包括换行符。

<textarea cols="40" rows="8" name="delivery-address-input" id="delivery-address-input" required></textarea>

想象一下文本区域的内容是：

1234 Smith Street
Dunedin
New Zealand

$('#delivery-address-input').val()会返回内容，包括换行符。

但是当我尝试时：

localStorage.setItem("contact-address", $('#delivery-address-input').val();

并检查内容：

localStorage.getItem("contact-address")

换行符都被截断

1234Smith StreetDunedinNew Zealand

Answer 1

尝试

var val = $('#delivery-address-input').val().replace(/\n\r?/g, '<br/>');
localStorage.setItem("contact-address", val);

textarea换行符就像这个\n\r而html是<br/>所以将textarea换行符替换为html换行符。