实现textarea换行加载

1条留言 [软件开发] 季雨林 2019/3/9 9:07:17

参考本文底部评论区,很多时候需要用户提交带换行的留言,用富文本不够安全,用多行文本非常适合。但是使用多行文本的时候,却会遇到加载数据不是继续停留在<textarea>标签之内,这时候就遇到了文本没有按照原格式换行问题。


需要用户输入带换行的留言,使用<textarea>标签非常方便。

但是使用<textarea>标签会遇到一个问题,加载数据的时候,如果不是加载给<textarea>标签,那么原本的换行标记会失效,成为一个空格。

本站试着保存数据时候保留原格式,输出时候加工新格式方案:

如果数据库中的多行文本加载回<textarea>则不需要任何处理。

如果数据库中的多行文本作为html加载,则使用替换字符即可,后台代码输出,前台js输出均可使用类似的替换方法。代码如下:

//这里先尝试替换\r\n 为换行标签
//然后尝试替换为 \n 为换行标签
//这样可以同时处理好不同浏览器标准不同的问题
Content = Content.Replace("\r\n", "<br />").Replace("\n", "<br />");

方案大功告成,同学们可以用本文的回复功能体验一下。



原文地址: https://www.opengps.cn/Blog/View.aspx?id=248 文章的更新编辑依此链接为准。欢迎关注源站原创文章!

评论

2019/3/13 21:46:54, 112.255.109.*说:
行1
行2
行3
行4
5
6
7
8
9
10
【回复】测试效果通过!

发表评论:

用于接收作者回复信息
点击更换验证码 - openGPS提示