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

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

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>