JavaScript remplace \ n avec <br />

Question

 var messagetoSend = $.trim(document.getElementById("msgText").value);
messagetoSend = messagetoSend.replace("\n", "<br />");
alert(messagetoSend);
 

Compte tenu de l'entrée:

 Line 1


Line 2




Line 3
 

Cette alerte:

 Line 1<br />


Line 2




Line 3
 

Quand j'attends d'alerter:

 Line 1<br /><br /><br />Line 2<br /><br /><br /><br /><br />Line 3
 

Answer 1

Vous devez le / g pour la correspondance globale

replace(/\n/g, "<br />");

Ça marche pour moi

 <textarea id="x">
Line 1


Line 2




Line 3
</textarea>
<script>
var messagetoSend = document.getElementById('x').value.replace(/\n/g, "<br />");
alert(messagetoSend);
</script>
 

MISE À JOUR

Il semble que certains visiteurs de cette question ont un texte avec les lignes de séparation échappé comme

du texte \ r \ n sur plusieurs lignes "

Dans ce cas, vous devez échapper aux barres obliques:

replace(/\\r\\n/g, "<br />");

Answer 2

Traite les deux types de saut de ligne

 str.replace(new RegExp('\r?\n','g'), '<br />');
 

Answer 3

Utilisez une expression régulière pour .replace() .:

 messagetoSend = messagetoSend.replace(/\n/g, "<br />");
 

Si ces sauts de ligne ont été générés par l'encodage Windows, vous devrez également remplacer les carriage return .

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