javascript - テキストエリアの複数行のプレーンテキストを表示しますか?

Question

テキストエリアの複数行のプレーンテキストを表示したいだけですが、テキストエリアを表示したくありません。

例：

テキストエリア:

|===================|
| First line        |
| Second line       |
|___________________|

複数行のプレーン テキスト:

First line
Second line

これどうやってするの？

Answer 1

<pre>フォーマット済みテキストを定義し、スペースと改行の両方を保持するを使用できます。

var txt="First line\nSecond line";
document.body.innerHTML+="<pre>"+txt+"</pre>";

または、CSS を使用したい場合、または空白と改行に関するオプションがさらに必要な場合は、CSS プロパティを使用できますwhite-space。

Javascript:

var txt="First line\nSecond line";
document.getElementById('mydiv').innerHTML=txt;

CSS:

#mydiv{white-space:pre;}

Answer 2

テキストエリアの CSS:

textarea { 
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;        
  }