显示textarea的多行纯文本？答案

【问题标题】：Show multiline plain text of textarea?显示textarea的多行纯文本？
【发布时间】：2012-08-09 23:39:32
【问题描述】：

我只想显示 textarea 的多行纯文本，但我不想显示 textarea。

例子：

文本区域：

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

多行纯文本：

First line
Second line

我该怎么做？

【问题讨论】：

【解决方案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;}

【讨论】：

【解决方案2】：

文本区域的 CSS：

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

【讨论】：