textarea： 保留textarea中的换行，将源样式显示在页面

项目中有一个需求，就是保留textarea中的换行，在网页中按原格式显示。

由于textarea中的换行为“\r\n", 用js获取textarea中的内容保存到数据库中时，“\r\n"变成了空格。

当将数据库中的数据传递到html页面时，又会自动加上”\r\n“， 但是由于html能识别的换行符为”<br>".因此有必要对textarea中的字符串进行处理。

1.在存储到数据库之前，将“\r\n"替换为"<br>". 然后在保存到数据库中。

$("#save_btn").click(function(){
    			var val = $("textarea").val();
    			val = val.replace(new RegExp("\n", "gm"), "<br>");
    			$.ajax({
    				type: "post",
    				url: "SaveSuggestionAction",
    				data: { suggestion: val,
    						teacherId: $("#teacherId").text()},
    				dataType: "text",
    				success: function(){
    					$("#suggestion").html(val);
    					$("#suggestion").append($("<a href='javascript:suggest()'>  [编辑]</a>")); 
    					$("textarea").html("");
    					$(".bottom_block").hide();
    					
    				},
    				error: function(){
    					$(".bottom_block").hide();
    				}
    			
    			});
    		});

2. 当从数据库获得数据后，在页面显示时设置escapeHtml="false"。 此时就可以保留正常的换行了

<s:property value="#request.teacher.checkSuggestion" escapeHtml="false"></s:property>

3. 如果我们需要将数据库中的这些字符串在textarea重新显示，并保持换行的格式。那么我们有需要将”<br>"重新转换为textarea能够识别的“\r\n”.

$.ajax({
    			type: "post",
    			url: "GetCheckSuggestionAction",
    			data: {teacherId: $("#teacherId").text()},
    			success:function(returnData){
    				returnData = returnData.replace(new RegExp("^\"|\"$", "gm"), ""); //去除双引号
    				returnData = returnData.replace(new RegExp("\\\\u003cbr\\\\u003e", "gm"), "\r\n"); //将换行转换为textarea里面能够识别的换行
    				$("textarea").val(returnData); 
    			}
    		});