显示textarea的多行纯文本？

Question

I just want to show multiline plain text of textarea but I don't want to show the textarea.

Example:

Textarea:

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

Multiline plain text:

First line
Second line

How can I do this?

Answer 1

You can use <pre> , which defines preformatted text and preserves both spaces and line breaks:

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

Or if you want to do it with CSS or you want more options about whitespaces and linebreaks, you can use CSS property white-space :

Javascript:

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

CSS:

#mydiv{white-space:pre;}

Answer 2

CSS for textarea:

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