Discussion :

[PoZZyX]

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 <br />, ça me converti le premier, mais pas les suivants.

Voila la fonction que j'utilise :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function nl2br(str) 
{
    return str.replace('\n', '<br />\n');
}

et quand je tappe dans textarea ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
salut
comment
tu 
va ?

ça me donne le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
salut<br />
comment
tu 
va ?

comme on peut le voir il a mis un <br> 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 !!

[FrankOVD]

Essaie ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
}

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
return str.replace('\r\n','<br />').replace('\r', '<br />').replace('\n', '<br />');

vu qu'il ne semblait pas apprécier le array et le problème persiste.

[FrankOVD]

EDIT : Voir post suivant

[FrankOVD]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 "<br>" 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.

[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

[Sacha999]

Je pense que ca sera plus simple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[PoZZyX]

Je pense que ca sera plus simple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ah oui merci ça marche à merveille !!!

mais quelle est la différence entre /\n/g et '\n' ???

[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)

[PoZZyX]

"/\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

[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.