easyui textarea回车致使datagrid 数据没法展现的问题 textarea换行

textarea换行

在easyui中的datagrid中使用行内编辑时textarea的换行保存到mysql数据库为\n
在textarea中输入回车符 在js读取textarea中的值有\r\n而后到业务层转换到string中就有可能变成空格形式而后被存入数据库，当在取出此值的时候则会变成空格的形式,所以咱们须要将不显示的\r\n替换一下。

　　在js取textarea的时候:

　　若是用

var str = document.getElementById("textarea").value; 
str = str.replace("\r\n","＜br＞"); 

　　则只会将第一个\r\n替换成＜br＞,如何将全部n个\r\n替换成＜br＞呢？难道要无限个replace吗？

　　其实不用,replace能够和正则表达式结合,一次替换全部的\r\n。

var reg=new RegExp("\r\n","g"); 
str= str.replace(reg,"\r\n"); 

　　这样str中全部的\r\n就替换成＜br＞了.而后能够将其存入数据库。

　　在取出的时候 只用将值在替换回来便可

var reg=new RegExp("＜br＞","g"); 
stt= str.replace(reg,"\r\n"); 
document.getElementById("textarea").value=str; 

　　更加详细的分析和应用能够参考JavaScript的replace方法与正则表达式结合应用讲解 

　　下面是我写的2个函数 直接放到通用包中 之后使用能够替换

function replaceTextarea1(str){
var reg=new RegExp("\r\n","g"); 
var reg1=new RegExp(" ","g"); 

str = str.replace(reg,"＜br＞"); 
str = str.replace(reg1,"＜p＞"); 

return str; 
}


function replaceTextarea2(str){
var reg=new RegExp("＜br＞","g"); 
var reg1=new RegExp("＜p＞","g"); 

str = str.replace(reg,"\r\n"); 
str = str.replace(reg1," "); 

return str; 
} 

 2. html中通<textarea>标签提交的内容会将回车转变成"\r\n",再将提交的内容放入<textarea>标签中显示时,回车符会还原成正常的换行。

但当带有"\r\n"的字符串放在html的普通文本域中显示时 ,原来的换行效果会转变成空格,所以，须要在显示前将字符串中的"\r\n"替换为"</br>"。

另外，还有一点须要注意:EL表达式会将"</br>"换行符转变成"&lt;/br&gt;","&lt;"和"&gt;"分别对应"<"和">",也就是说，到了页面上,仍是显示为"</br>"(呵呵,EL的智能化程度过高了),为了补救这一点,须要使用jsp标签(<%= %>)来进行显示。

因此当须要在普通文本域中显示由<textarea>提交的内容时,能够直接在数据库里存储不通过处理的字符串,而只在显示前将"\r\n"替换为"</br>",而后在页面上使用<%= %>来显示这些内容.



3. 若是将经过textbox提交到数据库中的空格和回车正确显示出来
public   string   MyReplace(string   mystr)   
  {   
  if(mystr   ==   null   ||   mystr   ==   ""   )   
  {   
  return("&nbsp;");   
  }   
  else   
  {   
  mystr   =   mystr.Replace("\n\r","<br>");   
  mystr   =   mystr.Replace("\r","<br>");   
  mystr   =   mystr.Replace("\t","　　");   
  return(mystr);   
  }   
  }