Caractère de nouvelle ligne de chaîne JavaScript?

La \nséquence de caractères de nouvelle ligne universelle est-elle en Javascript pour toutes les plateformes? Sinon, comment puis-je déterminer le caractère de l'environnement actuel?

Je ne pose pas de question sur l'élément HTML newline ( <BR/>). Je pose des questions sur la séquence de caractères de nouvelle ligne utilisée dans les chaînes JavaScript.

Je viens de tester quelques navigateurs en utilisant ce peu idiot de JavaScript:

function log_newline(msg, test_value) {
  if (!test_value) { 
    test_value = document.getElementById('test').value;
  }
  console.log(msg + ': ' + (test_value.match(/\r/) ? 'CR' : '')
              + ' ' + (test_value.match(/\n/) ? 'LF' : ''));
}

log_newline('HTML source');
log_newline('JS string', "foo\nbar");
log_newline('JS template literal', `bar
baz`);

<textarea id="test" name="test">

</textarea>

IE8 et Opera 9 sous Windows \r\n. Tous les autres navigateurs que j'ai testés (Safari 4 et Firefox 3.5 sous Windows et Firefox 3.0 sous Linux) utilisent \n. Ils peuvent tous très bien gérer \nlors de la définition de la valeur, bien qu'IE et Opera le reconvertissent en \r\ninterne. Il y a un article SitePoint avec plus de détails appelé les fins de ligne en Javascript .

Notez également que cela est indépendant des fins de ligne réelles dans le fichier HTML lui-même (les deux \net \r\ndonnent les mêmes résultats).

Lors de la soumission d'un formulaire, tous les navigateurs canonisent les sauts de ligne %0D%0Adans l'encodage URL. Pour voir cela, chargez par exemple data:text/html,<form><textarea name="foo">foo%0abar</textarea><input type="submit"></form>et appuyez sur le bouton Soumettre. (Certains navigateurs bloquent la charge de la page envoyée, mais vous pouvez voir les valeurs des formulaires encodés par URL dans la console.)

Je ne pense pas que vous ayez vraiment besoin de faire beaucoup de détermination, cependant. Si vous souhaitez simplement diviser le texte sur les nouvelles lignes, vous pouvez faire quelque chose comme ceci:

lines = foo.value.split(/\r\n|\r|\n/g);

Oui, c'est universel.

Bien qu'il s'agisse '\n'des caractères de nouvelle ligne universels , vous devez garder à l'esprit que, selon votre saisie, les nouveaux caractères de ligne peuvent être précédés de caractères de retour chariot ( '\r').

N'utilisez pas "\ n". Essayez ceci:

var string = "this\
is a multi\
line\
string";

Entrez simplement dans une barre oblique inverse et continuez à rouler! Fonctionne comme un charme.

Il peut être plus simple de gérer uniquement toutes les casse du nouveau caractère de ligne au lieu de vérifier quel cas puis de l'appliquer. Par exemple, si vous devez remplacer la nouvelle ligne, procédez comme suit:

htmlstring = stringContainingNewLines.replace(/(\r\n|\n|\r)/gm, "<br>");

oui utilisez \ n, sauf si vous générez du code html, dans lequel vous souhaitez utiliser <br />

Fonction de lien e-mail que j'utilise "% 0D% 0A"

function sendMail() {   
var bodydata="Before "+ "%0D%0A";
    bodydata+="After"

var MailMSG = "mailto:[email protected]" 
         + "[email protected]" 
         + "&subject=subject" 
         + "&body=" + bodydata; 
window.location.href = MailMSG; 
} 

[HTML]

<a href="#" onClick="sendMail()">Contact Us</a>

Obtenez un séparateur de ligne pour le navigateur actuel:

function getLineSeparator() {
  var textarea = document.createElement("textarea");
  textarea.value = "\n"; 
  return textarea.value;
}

Remarque - lorsque vous utilisez ExtendScript JavaScript (le langage de script Adobe utilisé dans des applications comme Photoshop CS3 +), le caractère à utiliser est "\ r". "\ n" sera interprété comme un caractère de police, et de nombreuses polices auront donc un caractère de bloc à la place.

Par exemple (pour sélectionner une couche nommée 'Note' et ajouter des sauts de ligne après toutes les périodes):

var layerText = app.activeDocument.artLayers.getByName('Note').textItem.contents;
layerText = layerText.replace(/\. /g,".\r");

Vous pouvez utiliser des `` guillemets (qui sont en dessous du bouton Echap) avec ES6. Vous pouvez donc écrire quelque chose comme ceci:

var text = `fjskdfjslfjsl
skfjslfkjsldfjslfjs
jfsfkjslfsljs`;

Je pense que c'est le cas - lorsque vous travaillez avec des chaînes JS.

Si vous générez du HTML, cependant, vous devrez utiliser des <br />balises (non \n, car vous ne traitez plus avec JS)

J'ai eu le problème d'exprimer la nouvelle ligne avec \ n ou \ r \ n .
Par magie, le caractère \ r utilisé pour le retour chariot fonctionne pour moi comme une nouvelle ligne.
Dans certains cas, il est donc utile de considérer également \ r.

printAccountSummary: function()
        {return "Welcome!" + "\n" + "Your balance is currently $1000 and your interest rate is 1%."}
};
console.log(savingsAccount.printAccountSummary()); // method

Tirages:

Welcome!
Your balance is currently $1000 and your interest rate is 1%.

Une observation pratique ... Dans mon script NodeJS j'ai la fonction suivante:

function writeToLogFile (message) {
    fs.appendFile('myserverlog.txt', Date() + " " + message + "\r\n", function (err) {
        if (err) throw err;
    });
}

Au début, je n'avais que "\ n" mais j'ai remarqué que lorsque j'ouvre le fichier journal dans le Bloc-notes, il affiche toutes les entrées sur la même ligne. Notepad ++, d'autre part, affiche les entrées chacune sur leur propre ligne. Après avoir changé le code en "\ r \ n", même le Bloc-notes affiche chaque entrée sur sa propre ligne.

C'est \ntrès bien pour tous les cas que j'ai rencontrés. Si vous travaillez avec le Web, utilisez-le \net ne vous en faites pas (sauf si vous avez eu des problèmes liés à la nouvelle ligne).

vous pouvez utiliser <br/>et document.write/, document.writelnun.