web-dev-qa-db-ja.com

テキストエリア内のHTML表示の改行

私は今、いくつかの方法でこの質問をしましたが、まだ答えを得ていません。

改行を含むtextareaでasciテキストをキャプチャすると、改行キーを押したときに非表示の文字が改行の形で挿入されるようです。改行の形式は、復帰の場合は\ r、改行の場合は\ nのようです。これらの文字はテキストには表示されませんが、どこかにあります。

ただし、このコードをテキスト領域に配置すると、改行を表示できません。実際、textareaタグの間に改行を表示するコードを見つけることはできません。

誰かがテキストエリアに改行を表示する方法を示すことができますか？.

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

私はあなたが想像できるすべてのものについて本当に試しました。たとえば、<textarea> first line "\r\n" second line</textarea>を試すと、単に表示されます

`firstline "\r\n"` second line

注：<br>に関係するものは、htmlの問題ではなく、textareaボックスに表示されるプレーンテキストであるため、この問題を解決しません。

Textareaに改行を表示するための推奨コードをありがとう。

htmltextarealine-breaks
23
user1260310

純粋なHTMLを使用してこれを行う場合、2つの方法のいずれかを使用できます。 Enterキーを押すかASCII文字&#013; &#010;

jsFiddle

24
Jeremy Morehouse

javascriptを使用している場合、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>

JSFiddleで実行

0
stomtech