textarea解決換行的簡單方法

在後臺的textarea 中編輯好的文本是有換行的，但是在前臺頁面展示出來的就不換行了，這是因爲在textarea中換行都是用空格來展示的，在前臺頁面展示的時候瀏覽器會把空格去掉。

 

在後臺編輯時顯示是這樣的：

 

在前臺頁面是這樣的：

簡單的解決辦法是：更改樣式：

這裏起作用的就是white-space:pre-wrap;讓瀏覽器保留空白符：

 

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