jquery - IE 从 textarea 复制 xml 后忽略换行符

Question

我有一个文本区域，里面有一些 xml。我想将此 xml 复制到另一个地方的 div 中。

例如xml

<note>
    <to>Tove</to>
    <from>Jani</from>
    <heading>Reminder</heading>
    <body>Don't forget me this weekend!</body>
</note>

我正在尝试以下：

$('#divId').text($('#area').val());

它在 Firefox 和 chrome 中运行良好。IE 似乎失去了换行符。

导致 IE

<note> <to>Tove</to> <from>Jani</from> <heading>Reminder</heading> <body>Don't forget me this weekend!</body> </note>

score 0 · Accepted Answer

尝试使用text()而不是val()获取 textarea 的内容，如下所示：

$('#divId').text($('#area').text());

似乎在 IE 中为我工作，这是一个例子 - http://jsfiddle.net/7UBxg/1/

score 0 · Accepted Answer

0

您可以尝试使用<pre>标签来保留格式。

于 2012-12-21T09:47:42.080 回答

score 0 · Accepted Answer

您可以将 '\n' 字符替换为<br />：

$('#divId').text($('#area').val().replace(/\n/g, '<br />');

这样做是因为在 HTML 中，'\n' 字符只是一个字符，它不被视为换行符。

3 回答 3