用换行符存储文本区域的内容

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")

换行符都被截断

史密斯街1234号但尼丁新西兰

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。