在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;
}
分享到:
相关推荐
在textarea中输入回车符 在js读取textarea中的值有\r\n然后到业务层转换到string中就有可能变成空格形式然后被存入数据库,当在取出此值的时候则会变成空格的形式,因此我们需要将不显示的\r\n替换一下。
‘↵’是回车符’/n’,这段内容是通过textarea人为编辑,提交给后端保存的。编辑框中可以识别的字符,在普通的标签里面没办法识别到,所以要转换成可以识别的 方法1 string.replace(/(rn|n|r)/gm, ) 然后再用...
jQuery-easyui textarea回车导致 数据无法展示的问题
最近开发的时候做了textarea 高亮关键字,尝试过很多方法,比如用iframe,和编辑器替换,当然这也是一个方法,但是原来是用textbox的内容要达到兼容这两种方法是做不到的,所以这里是使用jquery插件和jquery核心文件搞的...
JavaScript获取,设置光标位置,兼容InputTextArea
js 特效 html 特效 对textarea框的代码调试-简单型 js 特效 html 特效 对textarea框的代码调试-简单型
js 特效 html 特效 textarea是否自动换行
有个textarea, Java代码 代码如下: <textarea id=”text”></textarea> 经常会定义onKeyPress=”keypress();”,并定义以下方法。 代码如下: var keypress = function(e){ var e = e || window.event; ...
关于Textarea的换行问题并非JTextarea
解决Flex在非主应用程序中,textarea和input不能输入中文的 方法。
Vue指令,你可以很方便地对页面中所有input和textarea的自动聚焦行为进行流程控制
textarea去除多余空格和回车的方法及其属性 1.错误解决方法 使用textarea的标签时候发现多了空格或者’\n‘,后来发现是标签的位置错了 以下是错误示范: 你好 以下是正确示范: 你好 关键在于与要在同一行,...
1. 首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: //封装移除方法 Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { ...
js实现textArea滚动条样式,兼容多种浏览器
本文很简单,就是记录一下js对textarea换行符的处理。 调试 随便写一个textarea <textarea name="" id="textareaid" cols="30" rows="10"></textarea> 整个调试如下图: 发现: textareaid里面的换行...
CodePress 是一个完全用 Javascript 写成的 HTML Textarea 增强程序,利用它,你只需要简单的修改,就可以将你网页中的 Textarea 变成一个支持语法高亮的程序编辑器。CodePress 完全开源,非常容易集成。 CodePress ...
里面包含了两个javascript方法,一个是判断终端类型的,根据userAgent判断访问网页的是什么类型的终端 第二个方法,是使textarea根据内容的多少,自动设置相应的高度,使文字不被隐藏
js监听鼠标事件控制textarea输入字符串的个数.docx
js限制textarea每行输入字符串长度的代码.docx
Textarea Fullscreen是一个jquery插件大小只有5K,可以将textarea设置为全屏模式,