jquery - 文本区域中的新行将转换为

Question

这里有很多关于转换 br/> 或跨不同语言保留换行符的线程，但关于 textarea 的线程并不多。

我有这个脚本:

var boxText = "";
$("textarea.BoxText").live('dblclick', function () {
    boxText = $(this).val().replace(/ /g, "<br/>");
  $(this).replaceWith( '<div class="BoxText">' + $(this).val() + '</div>' );

});
$("div.BoxText").live('dblclick', function () {
  $(this).replaceWith( '<textarea form="HTML" class="BoxText">' + boxText + '</textarea>' );
});

我有一个可编辑的文本区域元素。当用户双击它时，它会转换为 div。然而，在 div 中，换行符不会被保留。我只想将新行转换为
，目前，所有空格都正在转换。我有第二个脚本将其转换回文本区域，因此是用于存储字符串的变量。我还需要将
重新转换为新行。

这可能看起来多余，但我有充分的理由。

Answer 1

这会将换行符替换为 HTML 换行标记。不同的组合涵盖不同的浏览器/系统以及如何解释换行符。

$(this).val().replace(/\r\n|\r|\n/g,"<br />")

这将使它回到新行 - 还涵盖不同浏览器如何解释innerHTML。

boxText.replace(/<br\s?\/?>/g,"\n");