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);
}

前端代码:

<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>

后端代码转换处理换行符<br/>

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

显示效果如下

猜你喜欢

转载自blog.csdn.net/qq_42093488/article/details/86598424