java后端代码结合前端页面处理div的title里面的换行符并悬浮显示

最新推荐文章于 2023-01-02 21:27:42 发布

&友情岁月&

最新推荐文章于 2023-01-02 21:27:42 发布

阅读量896

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_42093488/article/details/86598424

本文介绍了一种在前端和后端之间有效处理文本换行符的方法，使用JavaScript进行字符串格式化，确保换行符在数据库存储和前端展示时正确显示。前端采用自定义函数替换换行符为HTML标签，后端读取时再还原。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端将换行符提交到后台保存入库：

var getFormatCode=function(strValue){
    return strValue.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' ');
}

var memo=$("#memo").val();
if(memo==""){
    layer.msg("请输入备注");
    $('textarea[name="memo"]').focus();
    return;
}else {
    memo=getFormatCode(memo);
}

后端读取数据库数据并转换处理换行符<br/>：

for(DisFreezeBatch disFreezeBatch:data.getContent()){
   if(disFreezeBatch.getMemo().contains("<br />")){
       disFreezeBatch.setMemo(disFreezeBatch.getMemo().replace("<br />","&#10;"));
   }
}

前端展示代码：

<td width="200px"><div style="display:block; text-align: left; width:20em;height: 30px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; " title="{{item.memo}}">{{item.memo}}</div></td>