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/ （此代碼不適用於所有文本！）