要让在 <textarea>中输入的内容原格式输出有一下两种办法：
使用 <pre>标签是我最开始采用的办法，但是这种方法也有一定的缺陷,比如说我们在使用的编辑器的时候，换行、Tab、空格都会影响到输出结果。如图：
并且， <pre>标签本身自带得有一些样式，比如字体等。如果你的页面有引入bootstrap等css框架，那么受样式影响就更多了，你得再写去覆盖。
因此，这种方法并不推荐。
我们先来看一下 white-space 的定义和属性：
其属性有：
也就是说，我们可以使用 white-space:pre-warp 或 white-space:pre-line 达到我们想要的效果。
两者的区别是：
如图：
white-space:pre-warp 效果如下：
white-space:pre-line 效果如下：
因此，更推荐使用第二种方法。
在项目开发过程中，我们有时候需要将html代码或标签原样输出到copy浏览器上，以便用户查看html代码，而不需要浏览器去解析或运行html代码，这个zd时候我们可以把html代码放入pre标签里面，即可实现html代码原样输出。可以在想要显示的代码的外面加上<xmp></xmp>，这样<xmp>标签里面的内容将原封不动的显示出来。例如（Html代码）
<xmp>
<table>
<tr>
<th width="120">a</td>
<th width="120">b</td>
<th width="120">c</td>
</tr>
</table>
</xmp>
