Dòng mới trong vùng văn bản

<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>

Tôi đã thử cả hai nhưng dòng mới không phản ánh trong khi hiển thị tệp html. Làm thế nào tôi có thể làm điều đó?

Hãy thử cái này:

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


Nguồn cấp dữ liệu và 
trả lại vận chuyển là các thực thể HTML ^wikipedia . Bằng cách này, bạn thực sự phân tích cú pháp dòng mới ("\ n") thay vì hiển thị nó dưới dạng văn bản.

Tôi đã thấy String.fromCharCode(13, 10)hữu ích khi sử dụng công cụ xem. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fromCharCode

Điều này tạo ra một chuỗi có các ký tự dòng mới thực sự trong đó và do đó buộc công cụ xem tạo ra một dòng mới thay vì một phiên bản thoát. Ví dụ: Sử dụng công cụ xem NodeJS EJS - Đây là một ví dụ đơn giản trong đó bất kỳ \ n nào cần được thay thế:

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>

Riders

<textarea>Blah
blah
blah</textarea>

thay thế tất cả:

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>

Fiddle cho thấy nó hoạt động: http://jsfiddle.net/trott/5vu28/ .

Nếu bạn thực sự muốn điều này nằm trên một dòng trong tệp nguồn, bạn có thể chèn tham chiếu ký tự HTML cho nguồn cấp dữ liệu và trả về vận chuyển như trong câu trả lời từ @Bakudan:

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

Tôi nghĩ rằng bạn đang nhầm lẫn cú pháp của các ngôn ngữ khác nhau.

• 
là (giá trị HtmlEncoding của ASCII 10 hoặc) ký tự dòng cấp bằng chữ trong chuỗi HTML . Nhưng ký tự nguồn cấp dữ liệu KHÔNG hiển thị dưới dạng ngắt dòng trong HTML (xem ghi chú ở dưới cùng).

• \nlà ký tự linefeed bằng chữ (ASCII 10) trong chuỗi Javascript .

• <br/>là một ngắt dòng trong HTML. Nhiều yếu tố khác, ví dụ <p>, <div>vv cũng khiến ngắt dòng trừ khi bị ghi đè bằng một số kiểu.

Hy vọng rằng minh họa sau đây sẽ làm cho nó rõ ràng hơn:

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>

Một vài điểm cần lưu ý về Html:

• Các innerHTMLgiá trị của các TEXTAREAyếu tố không làm Html. Hãy thử như sau:<textarea>A <a href='x'>link</a>.</textarea> để xem.
• Các P tử biểu hiện tất cả các khoảng trắng liền kề (bao gồm các dòng mới) dưới dạng một khoảng trắng.
• Ký tự LF không kết xuất thành một dòng hoặc ngắt dòng mới trong HTML.
• Kết TEXTAREAxuất lại là một dòng mới bên trong hộp vùng văn bản.

Ngắt nhập dòng Keyword trong Textarea bằng CSS:

white-space: pre-wrap;

Hãy thử nó .. nó hoạt động:

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

thay thế cho
các thẻ:

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

Để có được một dòng mới bên trong vùng văn bản, hãy đặt ngắt dòng thực tế ở đó:

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

Bạn có thể muốn sử dụng \nthay vì /n.

Sau rất nhiều bài kiểm tra, đoạn mã sau hoạt động với tôi trong Formscreipt

 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);
}

.replace()Hàm của tôi sử dụng các mẫu được mô tả trên các câu trả lời khác không hoạt động. Mô hình làm việc cho trường hợp của tôi là:

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

// str: "Test

Test
Test"

T.innerText = "Vị trí của LF:" + t.value.indexOf ("\ n");

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

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

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

chỉ sử dụng <br>
ex:

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

kết quả:
blablablabla
kakakakakak
fafafafafaf