Zeilenumbruch in HTML mit '\ n'

Gibt es eine Möglichkeit, HTML dazu zu bringen \n, Zeilenumbrüche richtig zu behandeln ? Oder muss ich sie ersetzen <br/>?

https://jsfiddle.net/zawyatzt/

Dies dient dazu, eine neue Zeile anzuzeigen und den Wagen in HTML zurückzugeben. Dann müssen Sie dies nicht explizit tun. Sie können dies in CSS tun, indem Sie den Vorzeilenwert des Leerraumattributs festlegen.

<span style="white-space: pre-line">@Model.CommentText</span>

Sie können die CSS- white-spaceEigenschaft für verwenden \n. Sie können die Registerkarten auch wie in beibehalten \t.

Für Zeilenumbruch \n:

white-space: pre-line;

Für Zeilenumbrüche \nund Tabulatoren \t:

white-space: pre-wrap;

document.getElementById('just-line-break').innerHTML = 'Testing 1\nTesting 2\n\tNo tab';

document.getElementById('line-break-and-tab').innerHTML = 'Testing 1\nTesting 2\n\tWith tab';

#just-line-break {
  white-space: pre-line;
}

#line-break-and-tab {
  white-space: pre-wrap;
}

<div id="just-line-break"></div>

<br/>

<div id="line-break-and-tab"></div>

Gemäß Ihrer Frage kann dies auf verschiedene Arten erfolgen: - Zum Beispiel können Sie Folgendes verwenden:

Wenn Sie eine neue Zeile in den Textbereich einfügen möchten, können Sie Folgendes versuchen: -


Zeilenvorschub und 
Wagenrücklauf

<textarea>Hello &#10;&#13;Stackoverflow</textarea>

Sie können auch <pre>---</pre>Text vorformatieren.

<pre>
     This is Line1
     This is Line2
     This is Line3
</pre>

Oder Sie können <p>----</p>Paragraph verwenden

<p>This is Line1</p>

<p>This is Line2</p>

<p>This is Line3</p>

Hinweis: Wenn Sie verwenden möchten, müssen \nSie einen Server wie Xampp oder Apache installieren, um die serverseitige Sprache zu unterstützen

Sie könnten das <pre>Tag verwenden

<div class="text">
<pre>
  abc
  def
  ghi
</pre>
  abc
  def
  ghi
</div>

Sie können <pre>tag verwenden:

<div class="text">
<pre>
abc
def
ghi
</pre>
</div>

Mit white-space: pre-linekönnen Sie den Text mit Zeilenumbrüchen direkt in den HTML-Code eingeben, ohne ihn verwenden zu müssen\n

Wenn Sie die innerTextEigenschaft des Elements über JavaScript für ein Nicht-Pre-Element verwenden, z. B. a <div>, werden die \nWerte <br>im DOM standardmäßig durch ersetzt

• innerText: ersetzt \ndurch<br>
• innerHTML, textContent: erfordern die Verwendung von Stylingwhite-space

Es hängt davon ab, wie Sie den Text anwenden, aber es gibt eine Reihe von Optionen

const node = document.createElement('div');
node.innerText = '\n Test \n One '

Einfach und linear:

 <p> my phrase is this..<br>
 the other line is this<br>
 the end is this other phrase..
 </p>

Sie sollten in Betracht ziehen, Ihre Leitungsbremsen durch zu ersetzen <br/>. In HTML steht ein Zeilenumbruch nur für eine neue Zeile in Ihrem Code.

Alternativ können Sie auch andere HTML-Markups verwenden, z. B. das Platzieren Ihrer Zeilen in Absätzen:

<p>Sample line</p>
<p>Another line</p>

oder andere Wrapper wie zum Beispiel <div>sample</div>mit CSS-Attribut : display: block.

Sie können auch verwenden <pre>. Der Inhalt von prewird das HTML-Styling ignorieren. Mit anderen Worten, es wird reines HTML mit normalen \nBrakelines angezeigt