web-dev-qa-db-fra.com

HTML Afficher les sauts de ligne dans la zone de texte

J'ai posé cette question de plusieurs manières, mais je n'ai toujours pas eu de réponse.

Lorsque vous capturez du texte ASCII dans une zone de texte comprenant des sauts de ligne, il semble insérer des caractères invisibles sous la forme de sauts de ligne lorsque vous appuyez sur Entrée. Le saut de ligne semble avoir le format\r pour le retour ou\n pour la nouvelle ligne. Ces caractères ne sont pas visibles dans le texte mais sont quelque part.

Cependant, lorsque je mets ce code dans une zone de texte, je ne parviens pas à afficher un saut de ligne. En fait, je ne trouve aucun code placé entre les balises textarea affichant un saut de ligne.

Quelqu'un peut-il montrer un moyen d'afficher les sauts de ligne dans une zone de texte, par exemple. 

<textarea>first line <some code> second line </textarea>

J'ai vraiment essayé de tout ce que vous pourriez imaginer. Par exemple, si j'essaie <textarea> first line "\r\n" second line</textarea>, il affiche simplement

`firstline "\r\n"` second line

Remarque: tout ce qui concerne <br> ne résoudra pas ce problème car il ne s'agit pas de code HTML, mais de texte brut affiché dans une zone de texte.

Merci pour le code suggéré pour afficher les sauts de ligne dans textarea.

htmltextarealine-breaks
18
user1260310

Eh bien, si vous le faites en HTML pur, vous pouvez le faire de deux manières. Ajoutez simplement des lignes en appuyant sur Entrée ou en utilisant les caractères ASCII &#013; &#010;

jsFiddle

21
Jeremy Morehouse

Si vous utilisez javascript, vous pouvez utiliser l'élément textarea value Property .

var tb = document.getElementById("tb");

var newLine = "\r\n";

var text = "Output: " + newLine + "-------------------" + 
                        newLine + "line 1:	" + 
                        newLine + "line 2:	";

tb.value = text;
//console.log(text);
<textarea id="tb" rows=5>
Output: &#13;&#10;-------------
</textarea>

Exécutez-le sur JSFiddle

0
stomtech