Interruzione di riga in HTML con '\ n'

C'è un modo per fare in modo che HTML tratti correttamente le \ninterruzioni di riga? O devo sostituirli con<br/> ?

https://jsfiddle.net/zawyatzt/

Questo serve per mostrare la nuova riga e restituire il carrello in html, quindi non è necessario farlo esplicitamente. Puoi farlo in CSS impostando il valore pre-riga dell'attributo spazio bianco.

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

È possibile utilizzare la white-spaceproprietà CSS per \n. Puoi anche conservare le schede come in \t.

Per interruzione di riga \n:

white-space: pre-line;

Per interruzioni di riga \ne schede \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>

Secondo la tua domanda, può essere fatto in vari modi: - Ad esempio puoi usare:

Se si desidera inserire una nuova riga nell'area di testo, è possibile provare questo: -


Avanzamento riga e 
ritorno a capo

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

Puoi anche <pre>---</pre>preformattare il testo.

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

Oppure puoi usare il <p>----</p>paragrafo

<p>This is Line1</p>

<p>This is Line2</p>

<p>This is Line3</p>

Nota: se si desidera utilizzare \nè necessario installare un server come Xampp o Apache per supportare la lingua lato server

È possibile utilizzare il <pre>tag

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

puoi usare il <pre>tag:

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

L'utilizzo white-space: pre-lineconsente di inserire il testo direttamente nell'HTML con interruzioni di riga senza dover utilizzare\n

Se si utilizza la innerTextproprietà dell'elemento tramite JavaScript su un elemento non pre, ad esempio a <div>, i \nvalori saranno sostituiti con <br>nel DOM per impostazione predefinita

• innerText: sostituisce \n con<br>
• innerHTML, textContent: richiede l'uso di uno stilewhite-space

Dipende da come stai applicando il testo, ma ci sono una serie di opzioni

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

Semplice e lineare:

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

Si consiglia di sostituire i freni di linea con <br/>. In HTML un'interruzione di riga indica solo una nuova riga nel codice.

In alternativa puoi utilizzare alcuni altri markup HTML come posizionare le linee nei paragrafi:

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

o altri involucri Come per esempio <div>sample</div>con l'attributo css: display: block.

Puoi anche usare <pre>. Il contenuto di preavrà lo stile HTML ignorato. In altre parole, visualizzerà HTML puro con \nlinee normali