如何处理html中的换行字符“↵”

如何处理html中的换行字符#“↵”

需求背景

通过ajax请求回字段值，该字符是String类型，且包含换行符↵ ，将获取到的字符串内容按照原样格式进行换行展示出来。

解决思路

通过字符串替换元素的方式解决问题

解决过程

[danger] 错误过程：想到通过字符串替换元素的方式，在首次尝试过程中始终采用用<br /> 标签去替换 ↵字符，替换失败。

正确解决方式

var myString = myString.replace(/(\r\n|\n|\r)/gm, "<br />");

[info] 不是通过 ↵去替换，而是在html中会被识别为\r,\n等转义字符，所以需要使用\r\n去替换。

测试实例

<body><div id="app"></div><div id="app2"></div><script type="text/javascript">var  msg = `你好换行符这是一个非常有意思的替换`;var msg2 = msg.replace(/(\r\n|\n|\r)/gm , "<br />");document.getElementById("app").innerHTML = msg;document.getElementById("app2").innerHTML = msg2;console.log(msg)console.log(msg2 )</script>
</body>

显示结果

[danger] 重点说明：一定是要通过键盘打上去的换行↵，而不是为了测试效果输入上去的↵字符

如何处理html中的换行字符“↵”相关推荐

insert执行时oracle如何处理,ORACLE中Insert时字符处理
在默认情况下,ORACLE允许用户在表字段里使用&字符和其他一些特殊字符. SQL> select * from v$version; BANNER ------------------ ...
在java中除去字符串(String)中的换行字符(\r \n \t)
我们先来看几个例子: 例1: public class Test { public static void main(String[] args) { String s = "'sds gd ...
css在中元素添加元素,css - 在伪元素内容中添加换行符到:: after或:: before
css - 在伪元素内容中添加换行符到:: after或:: before 我无法访问页面的HTML或PHP,只能通过CSS进行编辑. 我一直在网站上进行修改并通过content或::before伪元 ...
java中换行字符怎么用？
java中换行字符怎么用? 可以使用Java中\n和\r的换行,不过也是有区别的,如下: 1.\r 叫回车 Carriage Return 2.\n 叫新行 New Line 但是都会造成换行,使用S ...
c语言怎么写入换行字符,C语言中的换行符是什么：要么？
C中的换行符是什么? 我知道不同的操作系统具有不同的行尾字符,但是它们被转换为C换行符. 那是什么角色? .在读取或写入文本模式文件或stdin / stdout等时,必须使用,C会为您处理翻译.当您 ...
python中的换行符是哪个键_对Python字符串中的换行符和制表符介绍
对Python字符串中的换行符和制表符介绍有关换行的问题首先提一个问题,如下. python程序代码如下: print("I'm Bob. What's your name?" ...
python删除指定位置的字符串_python去除区域 python删除字符串中指定位置字符
python删除字符串中指定位置字符原程序是这样的: ser = serial.Serial("/dev/ttyAMA0", 9600) def main字符串的话,你可以把他当 ...
如何控制在一个软件中特殊的字符比如#都显示为红色呢？该字符是作为标签中的内容出现的，可能出现在JLABEL,JCheckBox,JCombox的标签中的，
如何控制在一个软件中特殊的字符比如#都显示为红色呢?该字符是作为标签中的内容出现的,可能出现在JLABEL,JCheckBox,JCombox的标签中的, 1)在资源文件中该如何配置, 2)如果是硬编 ...
在TSQL中替换换行符
我想替换(或删除)TSQL字符串中的换行符. 有任何想法吗? 明显的 REPLACE(@string, CHAR(13), '') 只是不会做... #1楼要执行大多数人想要的操作,请创建一个不是实 ...

如何处理html中的换行字符“↵”

如何处理html中的换行字符#“↵”

需求背景

解决思路

解决过程

测试实例

如何处理html中的换行字符“↵”相关推荐

最新文章

热门文章