关于富文本\n处理

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

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

优点: 该方式最简单

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

2. \n -> <br/>

经过实践发现:

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

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

js 复制代码
段落前应该是<br/><br/><p>

即:

js 复制代码
n\n<p> = <br/><br/><p>,</p>\n\n = </p><br/>
相关推荐
雪碧聊技术2 分钟前
前端vue代码架子搭建
前端·javascript·vue.js·前端项目代码框架搭建
爱学习的程序媛2 分钟前
【Web前端】前端用户体验优化全攻略
前端·ui·交互·web·ux·用户体验
han_5 分钟前
JavaScript设计模式(二):策略模式实现与应用
前端·javascript·设计模式
x***r1519 分钟前
Notepad++ 8.6 安装教程:详细步骤+自定义安装路径(附注意事项)
linux·前端·javascript
Hilaku12 分钟前
为什么很多工作 5 年的前端,身价反而卡住了?🤷‍♂️
前端·javascript·面试
ai超级个体12 分钟前
前端下午茶:这 3 个网页特效建议收藏(送源码)
前端·three.js·threejs·网页设计·vibe coding·网页灵感·网页分享
维斯1812 分钟前
VueFlow 图自适应容器尺寸教程
前端
helloweilei13 分钟前
next/dynamic和React.lazy的区别
前端·next.js
Aaron_Feng16 分钟前
一个小工具解决Swift Actor重入问题
前端
笨笨狗吞噬者17 分钟前
维护 uniapp 小程序端近一年,我想拉一个开发者交流群
前端·程序员·uni-app