textarea解决换行的简单方法

在后台的textarea 中编辑好的文本是有换行的，但是在前台页面展示出来的就不换行了，这是因为在textarea中换行都是用空格来展示的，在前台页面展示的时候浏览器会把空格去掉。

 

在后台编辑时显示是这样的：

 

在前台页面是这样的：

简单的解决办法是：更改样式：

这里起作用的就是white-space:pre-wrap;让浏览器保留空白符：

 

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