2017-10-16 24 views
1

これに似た質問があることは知っていますが、この質問には一度も尋ねられていないことに気付かれず、また最大限の行を設定する必要があるかもしれませんtextareaやその他のhtml要素に入力されたテキストの中断。jQuery PHP折り返し折り返しが1つに繰り返される

空白行に関係なく、テキスト行の間のギャップを保持するウェブページの例1

<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関数があることを知っていますが、空白を制御できるのは空白行の長さを制限することができないと確信しています。

私は上記のコードをこのようにしたいと思います。

例2。

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

<li>タグは参考用です。どんな助けでも大歓迎です。ありがとう。エコーの前にコンテンツをロードしながら、

+0

「最大どのくらいですイム "? 10?多分あなたは 'white-space:pre'([link](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space))だけでいいのでしょうか? – dhilt

+0

いいえ、前のタグではない空の行について話しています – Dennisrec

+0

Okey、タイトルを修正してください... – dhilt

答えて

3

てみてくださいあなたのPHPへの正規表現にあなたがして配列に区切り文字として改行を使用してfilter()て空行とjoin()配列を改行で文字列をsplit()することができますJavaScriptで

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

このハックをありがとう。 – Dennisrec

+0

あなたの歓迎、いい日があります:) –

0

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>

関連する問題