textarea标签打印时不会自动换行解决方法

问题如下：

　　输入的 <textarea> 标签内容如下：

        

 

        打印时是这样的：

  

 

     未把全部内容显示出来

　

解决方法如下：

       1. 使用<pre>  标签，保留输入时的相关格式，但是需要处理一下行末自动换行的问题，不然一行就贯穿

pre{
  white-space: pre-wrap;
  word-wrap: break-word; 
  word-break: break-all;
}

   

       2.使用JavaScript的方式，将textarea的内容获取到后，将特殊字符转换为 <br/>

function fixText(text) {
    var replaceRegex = /(\n\r|\r\n|\r|\n)/g;
    return text.replace(replaceRegex, "<br/>");
}