在开发过程中会碰到表单输入框中含有换行 空格字符的数据保存后,在前端也能展示效果。实现方式有几种:
问题:
1、直接用表单输入框展示文字
2、用css方式
.text{border: 1px solid #e1e1e1;padding: 5px; white-space: pre-wrap;word-break: break-all;}
效果:
3、用js
// html<div id="text"></div>// javascriptvar txt = txt.replace(/\n/g, "<br/>");$('#text').html(txt)// jq