在 系统后台 的 textarea 中输入回车并提交会发现,服务端传给前端的数据是这样的字符串:
如果我们直接将这个内容显示在 html 页面上,那么文字是不会像输入时的那样换行的。
所以第一反应就是换成br啦,但是当我把这个符号复制到我的正则中时却无法识别。问了一下才知道textarea内容中的换行是用 \n 或 \r\n 表示(取决于浏览器和操作系统)。
此时换行显示正常
同样的,在 textarea 中连续敲多个空格,这些内容如果直接显示在 html 页面就会变成一个空格。为了正确显示,我们需要将内容做个转换。
#####更新
更简单的方法:
1、使用pre标签<pre></pre>
2、css设置元素属性:white-space:pre-wrap