今天工作中遇到了一个问题：使用textarea文本域来存放简单的文本信息，不需要有图片，但是每段文字的换行和缩进还是得需要的。
为了达到这个目的，我的想法是：使用正则表达式匹配到所有文本信息中的换行符，然后将他们替换成html的<p>标签，存储的时候将替换后的文本信息存放到数据库，显示的时候直接从数据库取出数据显示即可。
下面是我的实现代码：
HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.articlep { font-size:16px; color:#333; text-indent:32px; line-height:28px; margin-bottom:10px;}
</style>
<script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#ceshi").click(function () {
var valstr = "<p class=\"articlep\">" + $("#txtNewsContent").val().toString().replace(/(\r)*\n/g, "</p><p class=\"articlep\">").replace(/\s/g, " ") + "</p>";
alert(valstr);
$("#transferedtxt").html(valstr.toString().replace(/<p>/g, "").replace(/<\/p>/g, ""));
});
})
</script>
</head>
<body>
<form id="form1">
<div>
<label><span style=" color:Red;">*</span>新闻内容：</label>
<textarea id="txtNewsContent" rows="10" cols="50">
</textarea>
</div>
<input type="button" value="ceshi" id="ceshi"/>
<br />
<div id="transferedtxt">
</div>
</form>
</body>
</html>
输入内容：
日前，铁路部门再次迎来全系统统一加薪，根据岗位不同，每人每月上调薪酬幅度从300元至500元不等。
这是盛光祖继任原铁道部部长和中国铁路总公司总经理后，铁路部门第4次统一加薪。
输出内容：
时间： 2024-10-11 04:35:29