在p和textarea之间来回移动数据，但保留换行符

Question

对于获得正则表达式的人来说，这应该是一个简单的方法。

我有一个由php预先填充的页面上的字段，但可以使用javascript进行编辑。当在“编辑模式”和“固定模式”之间切换时，我需要能够保留换行符。

我知道textareas喜欢他们的换行符是\n，而普通的html喜欢看到<br />标签。我使用函数.replace(/\n/g, '<br />')从文本区域获取div，但我不确定使用什么将字段恢复到文本区域并保留换行符。

我也不确定用\n替换<br />是否安全，以防浏览器认为它更喜欢<br>。

Answer 1

当你在CSS中设置white-space: pre-wrap时，换行符就会被保留下来，不需要用br标签来替换它们。

请参阅此示例：http://jsfiddle.net/jVBdm/

更新： white-space: pre-wrap不能在IE6和IE7中工作(感谢Kenneth J指出这一点)，但white-space: pre可以工作-这可能对你来说是不够的。您可以对IE6和IE7使用条件样式，以在现代浏览器中使用pre和use pre-wrap。

Answer 2

使用<br /> (xhtml)还是<br>浏览器应该对它们进行完全相同的解析并不重要。

我想你会使用你插入的相同的分隔符。

为了安全起见，我想你可以两个都做。

txt =  txt.replace(/<br \/>|<br>/gi, '\n')