Provare a tradurre un ritorno a capo in un tag html <br /> in Javascript?

Question

Ho un feed XML che im tirando via javascript e di tradurlo in qualcosa di più HTML amichevole, ma im coinvolti su come tradurre i ritorni a capo in un tag html br

ho provato qualcosa di simile

text = text.replace('\r','<br />'); 

invano ..

Qualche idea?

Answer 1

La funzione di sostituzione di JavaScript sostituisce la prima occorrenza solo se si utilizza una stringa come criterio di corrispondenza. Per sostituire tutto è possibile utilizzare regex.

provare qualcosa di simile

text = text.replace(/(\r\n|\n|\r)/g,"<br />"); 

Spero che questo aiuti.

Answer 2

Prova questo:

text = text.replace(/\r\n|\r|\n/g, '<br />'); 

Answer 3

Si dovrebbe dare un'occhiata al feed manualmente. Probabilmente utilizza un altro tipo di fine linea (EOL) rispetto a \r.

Inoltre, per sostituire tutte le occorrenze del tipo EOL, è necessario utilizzare un'espressione regolare nella funzione replace(). Una volta trovato il tipo EOL corretta, usare in questo modo:

text = text.replace(/<type here>/g, '<br />'); 

(ovviamente è necessario sostituire <type here> con il vostro tipo EOL trovato

Answer 4

Ci potrebbero essere caratteri di nuova riga invece di ritorni a capo io.. userebbe questo:

text = text.replace(/\r\n?|\n/g, '<br />'); 

che andrà a sostituire tutte le istanze di \r\n, \r, e \n con un <br />, ma non sostituirà \r\n con due pause, che è il comportamento desiderato.

Answer 5

Si potrebbe semplicemente applicare CSS white-space:pre sull'elemento, esattamente come l'elemento HTML <textarea> è internamente facendo:

<span style="white-space:pre">your text \n will \n be \n on multiple \n lines</span> 

(nota: una classe è più consigliabile che lo stile, quanto sopra è solo un esempio, calcio d'inizio)