关于富文本\n处理

一涯2025-06-20 16:57

关于类似公众号问答类的的回答展示，大模型返回\n和p标签的开始结束标签同时存在的情况，想正常的展示需要将\n前端可以识别的换行符号

1. css(white-space: pre-line)

优点：该方式最简单

缺点：会将空格也处理成换行

经过实践发现：

js 复制代码

<br/><p> 并不能实现在段落前空白段落的效果
</p><br/>可以实现在段落后有一个空行的效果

想要实现上下一样的效果：

js 复制代码

段落前应该是<br/><br/><p>

即：

js 复制代码

n\n<p> = <br/><br/><p>，</p>\n\n = </p><br/>