解决前端回车发送消息的换行清除问题

学习 · 2022-08-10

前言

最近接手了呼叫中心二开工作,再进行会话消息的时候发现表情包回车数据丢失了,如下:

微信图片_20220810103219.jpg

查看代码是原先的开发使用了.substring(0, message.content.length - 2)只对后代码处理。且截断错误导致符号丢失无法正确展示表情,并且回车发消息回会有换行没处理掉。如下:

微信截图_20220810103451.png

在头回车和在尾回车均正常发送消息,但是也都存在如上图的多一个换行的问题

解决方法

去除多余的换行,并且不能截断表情符号。
简单的咱直接使用正则进行过滤替换,如下:

// 原先 message.content..substring(0, message.content.length - 2);
// 使用正则
message.content.replace(/(^\n*)|(\n*$)/g, '');

结果如下:
微信图片_20220810103832.png

完美实现

微信图片_20220810103902.jpg

换行 回车 清除 substring replace 正则
Theme Jasmine by Kent Liao | 桂ICP备15008025号-6