关于富文本\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/>
相关推荐
柯南二号几秒前
【大前端】Vue 和 React 的区别详解 —— 两大前端框架深度对比
前端·vue.js·前端框架
IT_陈寒28 分钟前
「Redis性能翻倍的5个核心优化策略:从数据结构选择到持久化配置全解析」
前端·人工智能·后端
weixin_4469388734 分钟前
uniapp vue-i18n如何使用
前端·vue.js·uni-app
知识分享小能手1 小时前
微信小程序入门学习教程,从入门到精通,WXS语法详解(10)
前端·javascript·学习·微信小程序·小程序·vue·团队开发
excel1 小时前
Vue 组件与插件的区别详解
前端
JarvanMo2 小时前
Flutter 开发:应用颜色使用 Class 还是 Enum?—— 你应该选择哪一个?
前端
HBR666_2 小时前
AI编辑器(二) ---调用模型的fim功能
前端·ai·编辑器·fim·tiptap
csgo打的菜又爱玩5 小时前
Vue 基础(实战模板与命名指南)
前端·javascript·vue.js
ding_zhikai6 小时前
SD:在一个 Ubuntu 系统安装 stable diffusion Web UI
前端·ubuntu·stable diffusion
gerrgwg7 小时前
Vue-library-start,一个基于Vite的vue组件库开发模板
前端·javascript·vue.js