通过修改展示样式实现TIM文本消息换行
原创通过修改展示样式实现TIM文本消息换行
原创
良人
修改于 2022-03-20 13:20:31
修改于 2022-03-20 13:20:31
效果展示：
文本换行
说明分析：
通过Textrea发送的带有换行的文本消息里面是有'\n'标识符的，然后span 展示的时候，通过添加white-space:pre-wrap;样式即可渲染出来
相关截图：
带有换行的文本消息正常来讲是这样：
换行文本消息
Demo修改展示样式：
修改展示样式
换行成功！
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
即时通信 IM
即时通信 IM（Instant Messaging）基于腾讯二十余年的 IM 技术积累，支持Android、iOS、Mac、Windows、Web、H5、小程序平台且跨终端互通，低代码 UI 组件助您30分钟集成单聊、群聊、关系链、消息漫游、群组管理、资料管理、直播弹幕和内容审核等能力。适用于直播互动、电商带货、客服咨询、社交沟通、在线课程、企业办公、互动游戏、医疗健康等场景。