大家好,又见面了,我是你们的朋友全栈君。
在文本框中输入换行符传给后台的时候只能显示一个空格,
怎么正确的传给后台,并且从后台读取之后再在前端正确显示?
HTML代码如下:
<textarea name="" id="text" cols="30" rows="10"></textarea>
<div id="div1" class="div1">ss</div>
<input type="button" value="copytext" name="" id="btn2">
通过console发现,换行符可以匹配’\n’,那么解题思路为,点击btn2的时候替换掉text中所有的\n,
用到两个知识点,正则RegExp和替换replace
var textnode = document.getElementById('text');
var btn2 = document.getElementById('btn2');
var va;
textnode.oninput=function(e){
va= textnode.value;
}
btn2.onclick=function(){
document.getElementById('div1').innerHTML= va.replace(RegExp("\n", "g"), "<br>")
}
上面RegExp里面的g意思是全文匹配,
/**普及一下正则修饰符**/
i:忽略大小写,
g:全文查找所有匹配字符,
m:多行查找
gi/ig:全文查找,忽略大小写,
u:Unicode模式,
S :预定义模式,匹配所有不是空格的字符,
y:黏连修饰符,全局匹配,后一次匹配从上一次匹配成功的下一个位置开始;
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/142292.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...