javascript - 将新行更改为 iFrame 中的 <p> 换行？

Question

当我将文本粘贴到 IE11 中的 iFrame 中时，它会忽略/n 并将其转换为空格。由于我想保持粘贴文本的格式，因此我希望保留新行。

由于 IE 自动将新行处理为新段落，因此我更愿意在粘贴文本时保持这种方式。这是我的代码

//Html is the text obtained from the clipboard. New lines are stored as /n
html = html.replace(/\n\n/g, '</p><p><br>');
html = html.replace(/\n/g, '</p><p>');
html = '<p>'+html+'</p>'

这在大多数情况下都可以正常工作，尽管浏览器由于某些原因在粘贴文本的开头添加了一个额外的 p 标签(但没有结束标签)

这导致了很多恼人的错误。有没有更好的方法来解决这个问题？

Answer 1

你可以使用 split/join 方法，看看 this example 。对于以下 html:

<textarea class="pasted_text">Line 1
Line 2
Line 3
Line 5
</textarea>
<h4>Result (paragraphs have blue border):</h4>
<div class="result_text"></div>

我们使用 \n 分割字符串，清理并使用段落标签连接:

var pastedText = $('.pasted_text').val();
/* Split text on new lines */
var split = pastedText.split('\n');
/* Remove empty paragraphs */
var clean = split.filter(function(n){ return n });
/* Join back with paragraph tags */
var joined = clean.join('</p><p>');
/* Enclose with paragraph */
var result = '<p>'+joined+'</p>';
/* Print output */
$('.result_text').html( result );