顯示textarea的多行純文本？

Question

我只想顯示textarea的多行純文本，但我不想顯示textarea。

例：

多行文本：

|===================|
| 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

用於textarea的CSS：

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