Convertir des \n en

Version imprimable

08/05/2008, 21h48
PoZZyX

Convertir des \n en 
Bonjour bonjour,

j'ai un petit problème que je n'arrive pas à résoudre et je ne comprends pas pourquoi. J'écrit quelque chose dans une textarea et j'aimerais l'afficher dans un div. Jusque la pas de souci. Le problème c'est que quand j'essaie de convertir les retours à la ligne du textarea en , ça me converti le premier, mais pas les suivants.

Voila la fonction que j'utilise :
Code:

1 2 3 4 5 function nl2br(str) { return str.replace('\n', ' \n'); }
et quand je tappe dans textarea ça :
Code:

1 2 3 4 5 salut comment tu va ?
ça me donne le code suivant :
Code:

1 2 3 4 5 salut comment tu va ?
comme on peut le voir il a mis un que devant le 1er retour à la ligne.

est-ce que quelqu'un saurait me dire ou est le problème ?

merci d'avance pour votre aide !!

Essaie ceci :

Code:

1
2
3
4
5
6
7
8
 
/**
 * Remplace les changements de ligne du texte
 * Paramètre : string str Chaîne à traiter
 **/
function nl2br(str) {
  return str.replace(array("\r\n", "\r", "\n"), "<br>\n", str);
}

Cependant, je te conseille si possible de le faire à l'avance en PHP avec une fonction très similaire :

Code:

1
2
3
4
5
6
7
8
 
/**
 * Remplace les changements de ligne du texte
 * Paramètre : string $str Chaîne à traiter
 **/
function nl2br($str) {
  return str_replace(array("\r\n", "\r", "\n"), "<br>\n", $str);
}

08/05/2008, 21h58
PoZZyX
merci pour ton aide.

je peux pas le faire en php parce que c'est pour faire de la prévisualisation, donc je passe pas par le serveur. En fait c'est pour faire un "editeur" wysiwyg. Pour le moment je le fait écrire dans un textarea et en affichant la prévisualisant dans un div, je sais pas si c'est la meilleur idée j'ai pas réussi à "fusionner" les 2.

sinon j'ai converti ta fonction en :
Code:

1 2 return str.replace('\r\n',' ').replace('\r', ' ').replace('\n', ' ');
vu qu'il ne semblait pas apprécier le array et le problème persiste.
08/05/2008, 22h12
FrankOVD

EDIT : Voir post suivant

Probablement qu'il faudra que tu parcoure ta chaîne de caractères au complet puisque replace ne semble pas affecter toutes les occurences de ta chaîne.

J'ai du code qui devrait se rapprocher de la solution que tu recherches

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
/**
 * Remplace la caractère c1 par le caractère c2 dans la chaîne s
 *
 * Paramètres : char c1 (Caractère à remplacer)
 *              char c2 (Caractère de remplacement)
 *              str  s  (Chaîne à modifier)
 * Retourne   : str  s
 **/
function remplacer(c1, c2, s) {
 for(var j = 0;j < s.length;j++) {
   if (c1.indexOf(s.charAt(j),0) != -1) s = addCar(c2, delCar(s, j), j--);
 }
 return s;
}
 
/**
 * Ajoute un caractere a un endroit precis dans une chaine
 * Paramètres : char c     (Caractère à ajouter)
 *              str  s     (Chaine à modifier)
 *              int  i     (Indice d'emplacement du caractere)
 * Retourne   : str chaine 
 **/
function addCar(c, s, i) {
  var chaine = "";
  if(i>0) {
    for(var j=0;j<i;j++) {
      chaine += s.charAt(j);
    }
  }
  chaine += c;
  for(var j=i;j<s.length;j++) {
    chaine += s.charAt(j);
  }
  return chaine;
}
 
/**
 * Supprime un caractère à un endroit précis dans une chaîne
 * Paramètres : str  s     (Chaîne à modifier)
 *              int  i     (Indice d'emplacement du caractère)
 * Retourne   : str chaine
 **/
function delCar(s, i) {
  var chaine = "";
  if(i>0) {
    for(var j=0;j<i;j++) {
      chaine += s.charAt(j);
    }
  }
  for(var j=(i+1);j<s.length;j++) {
    chaine += s.charAt(j);
  }
  return chaine;
}

Il suffirait de vérifier si ça fonctionne avec " " comme catactère de remplacement. Probablement que certaines adaptations seraient nécessaires pour gérer des chaînes plutot que des caractères néanmoins ce serait un bon début.

08/05/2008, 22h20
PoZZyX

ok merci je voulais éviter de parcourrir toute la chaine, mais bon je vais essayer comme ça vu que c'est ce que tu propose :d

merci pour ton aide en tout cas
08/05/2008, 23h22
Sacha999

Je pense que ca sera plus simple :D

Code:

return str.replace(/\n/g,' \n');
09/05/2008, 07h51
PoZZyX

Citation:

Envoyé par Sacha999

Je pense que ca sera plus simple :D

Code:

return str.replace(/\n/g,' \n');

ah oui merci ça marche à merveille !!! :lol:

mais quelle est la différence entre /\n/g et '\n' ???
09/05/2008, 10h48
Sacha999

"/\n/g" c'est du peudo-regex, le "/g" signifie global, donc le remplacement sur tout le texte et pas que la 1er occurence (comportement par défaut de JS)
09/05/2008, 11h49
PoZZyX

Citation:

Envoyé par Sacha999

"/\n/g" c'est du peudo-regex, le "/g" signifie global, donc le remplacement sur tout le texte et pas que la 1er occurence (comportement par défaut de JS)

ah bah merci ça explique tout :D
09/05/2008, 14h46
FrankOVD

Je me demande souvent il faut parfois utiliser des techniques de la sorte pour obtenir le comportement désiré avec Javascript, pourquoi ne pas fonctionner avec la même logique que les autres langages.

Convertir des \n en <br />