将换行符传给后台

最新推荐文章于 2023-08-31 10:24:02 发布

impossible1994727

最新推荐文章于 2023-08-31 10:24:02 发布

阅读量2.5k

点赞数

分类专栏： css+js html 文章标签：换行符

本文链接：https://blog.csdn.net/impossible1994727/article/details/95074199

版权

css+js 同时被 2 个专栏收录

43 篇文章 1 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

在文本框中输入换行符传给后台的时候只能显示一个空格，

怎么正确的传给后台，并且从后台读取之后再在前端正确显示？

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：黏连修饰符，全局匹配，后一次匹配从上一次匹配成功的下一个位置开始；