我认为你混淆了不同语言的语法。

& # 10;是HTML字符串中的换行字符文字(HtmlEncoded值为ASCII 10或)。但是换行字符在HTML中不会显示为换行符(见底部注释)。 \n是Javascript字符串中的换行字符文字(ASCII 10)。 <br/>是HTML中的换行符。许多其他元素，如<p>， <div>等也呈现换行符，除非被某些样式覆盖。

希望下面的插图能让你更清楚:

T.innerText = "Position of LF: " + t.value.indexOf("\n"); p1。innerHTML = t.value; p2。innerHTML = t.value。取代(“\ n”、“< br / >”); p3。innerText = t.value。取代(“\ n”、“< br / >”); </textarea> . <textarea id="t">第一行&#10 < p id = ' T ' > < / p > < p id =“p1”> < / p > < p id =“p2”> < / p > < p id =“p3”> < / p >

关于Html有几点需要注意:

TEXTAREA元素的innerHTML值不呈现Html。请尝试以下方法:<textarea>A < A href='x'>link</ A >。</textarea>查看。 P元素将所有连续的空格(包括新行)呈现为一个空格。 LF字符不会呈现为HTML中的新行或换行符。 TEXTAREA将LF渲染为文本区域框中的新行。

要在文本区域内获得一个新行，在那里放一个实际的换行符:

<textarea cols='60' rows='8'> 这是我的statement2</textarea>

我认为你混淆了不同语言的语法。

& # 10;是HTML字符串中的换行字符文字(HtmlEncoded值为ASCII 10或)。但是换行字符在HTML中不会显示为换行符(见底部注释)。 \n是Javascript字符串中的换行字符文字(ASCII 10)。 <br/>是HTML中的换行符。许多其他元素，如<p>， <div>等也呈现换行符，除非被某些样式覆盖。

希望下面的插图能让你更清楚:

T.innerText = "Position of LF: " + t.value.indexOf("\n"); p1。innerHTML = t.value; p2。innerHTML = t.value。取代(“\ n”、“< br / >”); p3。innerText = t.value。取代(“\ n”、“< br / >”); </textarea> . <textarea id="t">第一行&#10 < p id = ' T ' > < / p > < p id =“p1”> < / p > < p id =“p2”> < / p > < p id =“p3”> < / p >

关于Html有几点需要注意:

TEXTAREA元素的innerHTML值不呈现Html。请尝试以下方法:<textarea>A < A href='x'>link</ A >。</textarea>查看。 P元素将所有连续的空格(包括新行)呈现为一个空格。 LF字符不会呈现为HTML中的新行或换行符。 TEXTAREA将LF渲染为文本区域框中的新行。

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

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

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

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

我发现String.fromCharCode(13,10)在使用视图引擎时很有帮助。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fromCharCode

这将创建一个包含实际换行符的字符串，从而迫使视图引擎输出换行符而不是转义版本。使用NodeJS的EJS视图引擎-这是一个简单的例子，其中任何\n应该被替换:

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>

呈现

<textarea>Blah
blah
blah</textarea>

replaceAll:

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

试试这个:

这是我的语句1。这是我的语句2</textarea>

& # 10;换行和&#13;回车都是HTML实体。通过这种方式，您实际上是在解析新行(“\n”)，而不是将其显示为文本。