html中textarea标签的换行

在textarea标签中经常会遇到换行操作，我们该如何获取textarea中的换行保存在数据库中，查看时展示到页面，修改时继续展示到textarea中。

在textarea中换行即使用回车键。

html代码：

<textarea id="gs" name="gs" placeholder="textarea说明 "></textarea>

 js代码：

var gs = $("#gs").val();

gs = gs .replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' ');  //转换格式

以上代码，我们将textarea中的每一行代码的换行符转换为<br/>保存到数据库中。

页面效果：

数据库中数据：

扫描二维码关注公众号，回复： 5005262 查看本文章

1、第一‘<br/>2、法国红酒’<br/>3、规划局快乐<br/>4、玩了。<br/>最后的结果。<br/>5、这书；<br/>6、一天天的；<br/>7、这是第七条；<br/>8、八条了，还没完；<br/>9、应该玩了吧；<br/>10，结束。 

如果要将数据库保存的内容继续展示到textarea标签中

textarea换行的替换；

 $("#gs").val(data.rows[0]['GS'].replace(/<br\/>/g,"\n").replace(/\&nbsp\;/g," "));

str = str.replace(/<br\/>/g,"\n").replace(/\&nbsp\;/g," ");

 placeholder属性怎么实现换行：

发现\n换行以及<br/>都不行，

使用 &#10; 是unicode字符中的换行符。

<textarea id="gs " name="gs " placeholder="1、textarea&#10;2、success" ></textarea>

js直接设置textarea的placeholder属性值为'1、textarea\n2、success'也是可行的

1. document.querySelecor('gs ').setAttribute('placeholder','1、textarea\n2、success')