显示多行文本框的普通文本？

Question

3

我只想展示多行文本，但不想展示文本框。

示例：

文本框：

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

多行纯文本：

First line
Second line

这怎么做？

- Bood Carley

1

你想做什么？是将 '\r\n' 替换为 <br /> 还是隐藏区域的边框？ - StrubT

据我所理解，您可以在文本区域中使用以下样式：border:none; background:transparent; - Farahmand

像这个 http://jsfiddle.net/j08691/82cTq/ 一样吗？ - j08691

@StrubT：我想隐藏文本框的边框并禁用编辑功能。 - Bood Carley

@Bood Carley：就我所看到的，你已经找到了答案。 - StrubT

@StrubT：是的，朋友。我选择使用<pre>标签。 :) - Bood Carley

2个回答

2

- Rajat Singhal

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Oriol · Accepted Answer

你可以使用 <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;}