textarea展示的内容中 换行符/n失效，不知为何

Posted 2023-03-14

后台给hidden标签传值（例：10度 987跑步运动事宜早晨锻炼\n20度998运动在这种强度\n30度1024开始保持充分），js中用jquery获取这个值，并在页面中的textarea中展示，但是这个换行符不起换行效果，竟然直接打出来了，见下图

请高人解答一下为什么？

参考技术A textarea里输入都不会转义的好吧! 就算你在里面输入一个<div></div> 他也只是照常显示出来

如果是用js插入 可以用 \r\n 即可换行 参考技术B

添加css样式：

white-space: pre;

并且，div内不要有换行之类的例如下面的，会显示出现多余换行，或则前面出现间隔：

<div>
    $content
</div>

应该改成不要有多余的换行和空格

<div>$content</div>