Discussion :

[am9511]

Bonsoir, je souhaite garder la mise en forme d'un TextArea, c'est à dire garder les espaces, les sauts de lignes ?

voici mon textArea

Code :

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

<textarea id="content" name="content" rows="20" cols="100" required="required"></textarea>

[NoSmoking]

Bonjour,
oui et alors...où est le problème que tu rencontres ?

Peut être

Code css :

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

1
2
3
textarea {
  resize: none;
}

[am9511]

NoSmoking, j'ai fais ce que tu as dit ça ne fonctionne pas.

Par exemple, je tape ce texte dans le textarea:

Bonjour
et
bienvenue

quand je poste sur mon site ça m'affiche Bonjouretbienvenue

[NoSmoking]

Là au moins on connait ton soucis, il te faut avoir recours au javascript.

Il te faut :
• récupérer le contenu de la TEXTAREA
• remplacer les retour chariot par des balises <br>.
• injecter le résultat dans le conteneur qui va bien

Cela pourrait ressembler à

Code javascript :

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

1
2
3
4
5
6
7
8
// récupérer le contenu de la TEXTAREA
var oText= document.getElementsByTagName('TEXTAREA')[0].value;
// supprime les \r
oText = oText.replace(/\r/g, '');
// remplacer les retour chariot par des balises <br>
oText = oText.split('\n').join('<br>');
// injecter le résultat dans le conteneur qui va bien
document.getElementById('resultat').innerHTML = oText;