在白色空间中使用pre-line属性时，允许最大单行间隙而不是多行

Question

尽管许多问题都与white-space关键字有关，但没有解决我的问题，这就是我发布此问题的原因。

我有一个p容器，其中包含来自第三方服务的长文本。我使用以下CSS格式化文本：

p { 
    white-space: pre-line;
}

HTML结构如下：

<p> Test note for checking space issue please ignore this note.
Test note for checking space issue please ignore this note.



Test note for checking space issue please ignore this note.





Test note for checking space issue please ignore this note.</p>

所以它正如预期的那样工作，单线间隙显示单线和 其中多线间隙显示多行。但我想只显示最大单线间隙而不是多线间隙。为了更好地理解，请参见下图。

有可能，任何人都可以帮我解决这个问题吗？

提前感谢您的努力。

Answer 1

white-space没有值删除多个空行。

但是根据这个答案：regex - replace multi line breaks with single in javascript

你可以使用Regex在Javascript / Jquery的帮助下完成 text.replace(/\n\s*\n/g, '\n');

小提琴：https://jsfiddle.net/t5bcw275/