显示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属性qazxsw poi：

使用Javascript：

white-space

CSS：

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

Answer 2

2
投票

textarea的CSS：

#mydiv{white-space:pre;}