Metin alanında yeni satır

<textarea cols='60' rows='8'>This is my statement one.\n This is my statement2</textarea>

<textarea cols='60' rows='8'>This is my statement one.<br/> This is my statement2</textarea>

Her ikisini de denedim ama html dosyası oluşturulurken yeni satır yansıtıyor değil. Bunu nasıl yapabilirim?

Bunu dene:

    <textarea cols='60' rows='8'>This is my statement one.&#13;&#10;This is my statement2</textarea>


Satır Besleme ve 
Satır ^{Başı wikipedia} HTML varlıklarıdır . Bu şekilde yeni satırı ("\ n") metin olarak görüntülemek yerine ayrıştırırsınız.

String.fromCharCode(13, 10)Görüntüleme motorlarını kullanırken faydalı buldum . https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fromCharCode

Bu, içinde gerçek satırsonu karakterleri olan bir dize oluşturur ve bu nedenle görünüm motorunu kaçan bir sürümden ziyade satırsonu çıkarmaya zorlar. Örn: NodeJS EJS görüntüleme motorunu kullanma - Bu, herhangi bir \ n'nin değiştirilmesi gereken basit bir örnektir:

viewHelper.js

exports.replaceNewline = function(input) {
    var newline = String.fromCharCode(13, 10);
    return input.replaceAll('\\n', newline);
}

EJS

<textarea><%- viewHelper.replaceNewline("Blah\nblah\nblah") %></textarea>

çizer

<textarea>Blah
blah
blah</textarea>

hepsini değiştir:

String.prototype.replaceAll = function (find, replace) {
    var result = this;
    do {
        var split = result.split(find);
        result = split.join(replace);
    } while (split.length > 1);
    return result;
};

<textarea cols='60' rows='8'>This is my statement one.

This is my statement2</textarea>

Çalıştığını gösteren keman: http://jsfiddle.net/trott/5vu28/ .

Bunun kaynak dosyada tek bir satırda olmasını istiyorsanız, @Bakudan'ın yanıtında gösterildiği gibi bir satır beslemesi ve satır başı için HTML karakter referanslarını ekleyebilirsiniz:

  <textarea cols='60' rows='8'>This is my statement one.&#13;&#10;This is my statement2</textarea>

Bence farklı dillerin sözdizimini karıştırıyorsunuz.

• 
HTML dizesindeki satır besleme karakter değişmezidir (ASCII 10'un HtmlEncoded değeri veya) . Ama satır besleme karakteri yok DEĞİL HTML bir satır sonu (altta notlara bakın) olarak işlemek.

• \nJavascript dizesindeki satır besleme karakter değişmezidir (ASCII 10) .

• <br/>HTML'de satır sonudur. Diğer birçok öğe, örneğin <p>, <div>vb. Bazı stillerle geçersiz kılınmadıkça satır kesmeleri de oluşturur.

Umarım aşağıdaki resim daha net hale getirecektir:

T.innerText = "Position of LF: " + t.value.indexOf("\n");

p1.innerHTML = t.value;
p2.innerHTML = t.value.replace("\n", "<br/>");
p3.innerText = t.value.replace("\n", "<br/>");

<textarea id="t">Line 1&#10;Line 2</textarea>

<p id='T'></p>
<p id='p1'></p>
<p id='p2'></p>
<p id='p3'></p>

Html hakkında dikkat edilmesi gereken birkaç nokta:

• innerHTMLDeğeri TEXTAREAelemanı Html hale gelmez. Aşağıdakileri deneyin: <textarea>A <a href='x'>link</a>.</textarea>görmek için.
• PElemanı, bir boşluk olarak (yeni hatları dahil olmak üzere) bitişik, boşluk oluşturur.
• LF karakteri HTML'de yeni bir satır veya satır sonu oluşturmaz.
• TEXTAREAMetin alanı kutusunun içine yeni bir satır olarak LF vermektedir.

Break CSS kullanarak Textarea'da Anahtar Kelime satırını girin:

white-space: pre-wrap;

bunu deneyin .. işe yarıyor:

<textarea id="test" cols='60' rows='8'>This is my statement one.&#10;This is my statement2</textarea>

etiketler için değiştirilmesi :

$("textarea#test").val(replace($("textarea#test").val(), "<br>", "&#10;")));

Metin alanının içine yeni bir satır eklemek için buraya gerçek bir satır sonu koyun:

    <textarea cols='60' rows='8'>This is my statement one.
    This is my statement2</textarea>

Bunun \nyerine kullanmak isteyebilirsiniz /n.

Çok sayıda testten sonra, aşağıdaki kod benim için çalışıyor

 export function ReplaceNewline(input: string) {
    var newline = String.fromCharCode(13, 10);
    return ReplaceAll(input, "<br>", newline.toString());
}
export function ReplaceAll(str, find, replace) {
    return str.replace(new RegExp(find, 'g'), replace);
}

Benim .replace()diğer cevaplara açıklanan kalıplarını kullanarak fonksiyon çalışması yoktu. Benim durumum için çalışan desen:

var str = "Test\n\n\Test\n\Test";
str.replace(/\r\n|\r|\n/g,'
');

// str: "Test

Test
Test"

T.innerText = "LF'nin Konumu:" + t.value.indexOf ("\ n");

p3.innerText = t.value.replace("\n", "");

<textarea id="t">Line 1&#10;Line 2</textarea>

<p id='p3'></p>

sadece <br>
ex kullanın :

<textarea>
blablablabla <br> kakakakakak <br> fafafafafaf 
</textarea>

sonuç:
blablablabla
kakakakakak
fafafafafaf