开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

社区首页 >专栏 >通过修改展示样式实现TIM文本消息换行

通过修改展示样式实现TIM文本消息换行

原创

作者头像

良人

修改于 2022-03-20 13:20:31

修改于 2022-03-20 13:20:31

1.4K0

举报

文章被收录于专栏：IM、TRTC直播点播相关讨论IM、TRTC直播点播相关讨论

效果展示：

文本换行

说明分析：

通过Textrea发送的带有换行的文本消息里面是有'\n'标识符的，然后span 展示的时候，通过添加white-space:pre-wrap;样式即可渲染出来

相关截图：

带有换行的文本消息正常来讲是这样：

换行文本消息

Demo修改展示样式：

修改展示样式

换行成功！

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

即时通信 IM

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

即时通信 IM

评论

登录后参与评论

0 条评论

热度

最新

目录

效果展示：

说明分析：
- 相关截图：