javascript - 如何在 jQuery 中保留文本区域中的换行符？

Question

我知道我的问题与这个问题非常相似:jQuery text() function loses line breaks in IE ，但我的需求略有不同。

我的页面上有一个文本区域，其中有一个由用户输入的"template"文本字符串。 (它允许他们使用 %NAME% 作为名称的占位符来编写消息。)

用户完成"template"后，我将其放入第二个文本区域，该区域实际上将 %NAME% 替换为应使用的任何名称。我已经涵盖了这部分功能，并且它运行得很好。

第二部分在大多数浏览器中也可以正常工作。

但是，在 Internet Explorer 中，第一个文本区域的换行符不会保留到第二个文本区域。例如，如果用户在第一个框中输入:

Hi %NAME%,
How are you?

替换文本的名称是“Zak”，第二个框将显示为:

Hi Zak,How are you?

我将文本放入第二个框中的代码是:

var inviteTemplate=$('#invitationTemplate').text();
inviteTemplate=inviteTemplate.replace(/%NAME%/g,name);
$('#invitationText').html(inviteTemplate);

我假设问题在于使用 .text() 获取文本区域的内容。有什么方法可以让 IE 将换行符保留到第二个文本区域中吗？

Answer 1

您正在以文本形式读取数据并将其以 HTML 形式写入。您是否尝试过用 HTML BR 标记替换换行符？例如

inviteTemplate = inviteTemplate.replace(/\n/g, '<br>');

我很确定这会达到你想要的效果。