javascript - 显示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

文本区域的 CSS：

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