js用\\ n替换\\ n <br> 并显示

Question

我有用于输入的textarea和show-div以显示输入：

<textarea id="inputtext" style="height:100px"></textarea>

<button id="show">show in div</button>

<div id="showtext">

</div>

和我的js：

$(function(){
 $('#show').on('click',function(){
    var text = $.trim($('#inputtext').val());
    text = text.replace(/\r?\n/g, "<br />").replace(/<br\s*[\/]?>/gi, "\n");
    $('#showtext').text(text);
 });
});

我想要的是，如果您给：
a
b
c

它也应该以这种形式显示。 但现在显示： abc 。

这是我的小提琴： http : //jsfiddle.net/5gkak/

我究竟做错了什么？

Answer 1

您需要更改您的小提琴以使其与此匹配： http : //jsfiddle.net/5gkak/1/

$(function(){
    $('#show').on('click',function(){
        var text = $.trim($('#inputtext').val());
        text = text.replace(/\r?\n/g, "<br />");
        $('#showtext').html(text);
    });
});

您所要做的是用<br />替换\\n ，然后反过来做，所以<br />被\\n替换。 另外，您需要设置#showtext的html。 在jQuery文档中查看.text和.html的区别。

还有其他选项（这些选项来自问题的注释部分）：

• 仅限CSS（用于格式设置）： http : //jsfiddle.net/5gkak/2/ （ 这是IMO最酷的解决方案 ）
• 仅限HTML（用于格式设置）： http : //jsfiddle.net/5gkak/3/ （此代码不适用于所有文本！）