2017-10-16 33 views
1

我知道有類似的問題,但我不禁注意到這個問題從來沒有被問及或可能是不可能的,但我需要設置一個最大行打破在textarea或任何其他html元素中輸入的文本。jQuery PHP將重複的換行符合併爲一個

例如一個

<ul class="generic-list"> 
<li class="item"> 
    Lorem ipsum dolor sit. 
    Lorem ipsum dolor sit. 




    Lorem ipsum dolor sit. 
    Lorem ipsum dolor sit. 
</li> 

在網頁中,可以保留空白行無論是文本行之間的差距。

我知道有一些css3函數,但它們只能控制空格,並且不能確定它們可以限制空行長度。

我想上面的代碼看起來像這樣。

例二。

<li class="item"> 
    Lorem ipsum dolor sit. 
    Lorem ipsum dolor sit. 
    Lorem ipsum dolor sit. 
    Lor 

<li>標籤僅供參考。任何幫助將不勝感激。謝謝。

+0

有多少是「最大imum「? 10?也許你只想'空白:前'(一個[鏈接](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space))? – dhilt

+0

不,我在說空行不是預標籤 – Dennisrec

+0

Okey,讓我修復標題... – dhilt

回答

3

嘗試正則表達式在你的PHP而echo之前加載內容它

$thecontent = "YOUR_CONTENT_HERE"; 
preg_replace('/(?:(?:\r\n|\r|\n)\s*){2}/s', "\n\n", $thecontent); 
+0

感謝您的黑客。 – Dennisrec

+0

歡迎您,共度美好的一天:) –

0

在javascript中,你可以split()在換行到一個數組,然後filter()出空行和join()陣列使用換行符作爲分隔符的字符串

let str = ` 
 
Lorem ipsum dolor sit. 
 
Lorem ipsum dolor sit. 
 

 

 

 

 
Lorem ipsum dolor sit. 
 
Lorem ipsum dolor sit.`; 
 

 
let res = str.split('\n').filter(line => line.trim()).join('\n'); 
 

 
document.getElementById('result').value = res;
textarea{ width:100%; height:200px}
<textarea id="result"></textarea>