关于富文本\n处理

222 阅读1分钟

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

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

优点: 该方式最简单

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

2. \n -> <br/>

经过实践发现:

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

image.png

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

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

即:

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