jQuery将重复行折叠为单个

Question

我知道有类似的问题，但我不禁注意到，这个问题从来没有问过，也可能是不可能的，但我需要为在textarea或任何其他html元素中输入的文本设置一个最大的行间隔。

例一

<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>标记仅供参考。任何帮助都将不胜感激。谢谢。

Answer 1

尝试在PHP上进行正则化，同时在回显之前加载内容

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

Answer 2

在javascript中，可以将位于行处的字符串拆分为一个数组，然后使用换行作为分隔符，将空行和split()数组filter()排出。

​

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>

​