关于富文本\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/>
相关推荐
程序员Agions2 分钟前
程序员武学修炼手册(二):进阶篇——小有所成,从能跑就行到知其所以然
前端·程序员
小画家~6 分钟前
第四十六: channel 高级使用
java·前端·数据库
小贵子的博客16 分钟前
Ant Design Vue <a-table>
前端·javascript·vue.js·anti-design-vue
m0_5027249518 分钟前
vue动态设置背景图片后显示异常
前端·css
console.log('npc')25 分钟前
vue2中子组件父组件的修改参数
开发语言·前端·javascript
奋斗吧程序媛44 分钟前
vue3 Study(1)
前端·javascript·vue.js
@Autowire1 小时前
Layout-position
前端·css
QQ12958455041 小时前
ThingsBoard - APP首页修改为手工选择组织
前端·javascript·物联网·iot
whyfail1 小时前
前端数据存储新选择:IndexedDB与Dexie.js技术指南
前端·javascript·数据库
椰果uu1 小时前
vue-virtual-scroller-虚拟滚动列表:渲染不定高度长列表+可控跳转
前端·javascript·typescript·vue