从段落中删除 <br> 和空格

Posted 2023-03-06

【中文标题】从段落中删除 <br> 和空格

【英文标题】：Remove <br> and white-space from paragraph

【发布时间】：2020-10-08 18:56:48

【问题描述】：

我通过 PrimeNG 文本编辑器添加 cmets，然后在 div 中显示 cmets。但是，如果用户按回车键 5 次，它会按预期添加 html 内容五个段落，并且 div 中显示 4 个空行。因此，为了删除空换行符，我尝试使用类似的方法如下：

div p, div br 
    display: none;

或

br 
    display: none;


p br 
    display: none;

但我没有设法删除不必要的换行符和空格（如果用户在添加 cmets 时使用空格键提供了太长的空间，我也想删除它们）。那么，我该怎么做呢？

【问题讨论】：

听起来您正在寻找文本上的字符计数器，您可以使用它来限制长度

如果你的 div 完全为空，你可以使用 :empty css 选择器

@EnterStrandman 我已经应用了最大字符控制，但是对于 50 个字符（最大）的字段，用户输入“（45 个空格）+ abcde”是什么？

【参考方案1】：

您是否考虑在保存时使用正则表达式来更改修改文本？如果是这样，您可以尝试删除断线

output.replace(/\n\s*\n/g, '\n\n')

第二个参数可用于设置您希望设置多少条分隔线（1、2 甚至零）。

当“用户使用空格键给了太长的空间”时，可以做类似的事情来删除。

output.replace(/  +/g, ' ');

希望对你有所帮助。

【讨论】：

感谢您的回复，这很有帮助，但没有完全解决问题。投票赞成。

还有什么可以完全解决它？我可能会拿出一些东西:)