html textarea换行和dom换行

从事开发已经两年多了,但是还是不会发现问题找原因,可能是自己一直在学校养成的习惯吧,不过最近在葛经理的带领下开始学会找原因了,而且发现自己变得更成熟了。

现在讲讲textarea和dom的换行吧,我们都知道dom换行是”<br />”而在textarea中换行是”\r\n”,如果你把textarea获取到的数据显示在dom中,当然就显示不了换行了,因为两者的换行符是不同的,这也是我在开发中遇到的这个问题,如何解决呢?很简单,叫我一声哥就可以了,呵呵,开玩笑的,解决方法如下:

replace(/\r\n/g, ‘<br>‘)

注意:在js中我们使用了replace方法,并且方法参数使用了正则表达式,注意”g”的使用,它表示全部搜索,如果不加,那么只搜索第一次出现的数据然后替换,所以你要对正则表达式要有所了解,最后将搜索到的”\r\n”全部替换成”<br>”,这样问题就解决了。

时间: 2024-08-06 23:09:23

html textarea换行和dom换行的相关文章

php换行和&lt;br /&gt;互转

使用场景:在后台处理textarea换行的时候出现了问题, textarea里面的换行就是/n, 在textarea里面是有换行效果的,但是输出到其它地方没有效果,这时候就要用到PHP的神奇的nl2br函数 /n转<br />用PHP自带函数nl2br nl2br — 在字符串所有新行之前插入 HTML 换行标记(详情:https://www.php.net/manual/zh/function.nl2br.php) <br />转/n, 用下面的函数 function br2nl

处理textarea的空格和换行

原理就是textarea会把用户按钮插入字符串中,但是在浏览器中,表示换行和空格的<br/>, ,所以我们在渲染之前需要先转成浏览器的字符. 存的时候一般是换行一般是\r,\n或者\r\n,只是不同的系统不一样: 转换方法: "your string".replace(/\n/g,"<br/>").replace(/\s/g," ") 可用h5的contentEditalble属性,课直接展现转换后的字符串: <p

问题-delphi 无法调试(F8),调试错行总理处理

在delphi 7中(其他版本也可能碰到该问题),编译后,代码左边显示蓝色小点,表示哪句代 码是被编译了的,可今天我的一些代码不能显示那些蓝点了,这样也就不能在上面设断点了,而且用F8跟踪发现执行的顺序不对.同时,编译中发现有错误的行,也没有指到对应的行上,可能在错误行的下一行,甚至有时候会执行到注释行或者空行上.造成该问题的原因是Dos换行和Unix换行的差异造成的错误. Dos换行是2个字符,一个回车符+一个换行符. Unix换行只有一个自符,好像是换行符.这样在Delphi编辑器内显示时候

CTSC&amp;&amp;APIO2016 旅游记&amp;&amp;被坑记

在帝都将近十天,回家之际,有一丝急迫,也有一丝眷恋. 5.1 CTSC day0 坐前一天晚上的火车,很早就到达了北京,倒了3班地铁+一班公交到达了目的地,被yts大爷领着绕了一个大圈才到宾馆,累成狗. 宾馆很高级,房间里面有70元一瓶的水,冰箱里还有各种饮料(当然是喝不起的啦),床软的可怕.睡了1个小时,人还是虚的,背了一点板子. 中午被叫去吃饭,要走3里地才能到学校,这时候的我已经累得比狗还狗了,饭菜有点可怕,只有4道菜,感觉就是在食堂里吃的盒饭,顿时对这几天绝望了.回到酒店,一想到过一会儿

如何在 &lt;textarea&gt; hello (换行)world &lt;/textarea&gt; 中实现换行

我终于搜到了靠谱的我需要的答案: https://blog.csdn.net/qq_16371909/article/details/79697780 \n 不行 <br> 不行 用 ASCII设备控制代码  https://www.w3school.com.cn/tags/html_ref_ascii.asp 中的 ASCII设备控制代码最初被设计为用来控制诸如打印机和磁带驱动器之类的硬件设备.在HTML文档中这些代码不会起任何作用(也不全是这样,写在html中还是会有一些符号的). 用在

小小换行符乱谈(文本文件vs二进制文件)

使用 C 语言的 fopen 打开文件时,可以指定的 mode 有 12 个,其中 6 个包含  "b" 使用 C++ 的 fstream 打开文件时,可用的模式组合有 24 个(?),其中 12 个包含  "binary" 使用 python 的 open 打开文件,除了可以使用 C 中的 12 个模式外,还可以使用  "U" 或 "rU" 使用 Qt 库的 QFile 打开文件时,可以指定  QIODevice::Text

textarea文本域

textarea中换行问题 一旦用nl2br函数处理会多个\n导致十分难看 也无法形成文本框默认效果 前台的html如果用<br/>处理也会给后台的编辑造成困难 所以在编辑的时候这样处理 把\n字符串换成\n换行即可 编辑里的显示效果是这样的 当在前台显示的时候 就直接处理一下 显示为<br/>后即可 显示效果是这样的

HTML DOM(学习笔记一)

嗯,工作也有一段时间了,对编程的认识也深入了一些,以前认为HTML/CSS/JAVASCRIPT是比较简单的,看网上的教程就可以了,W3C是我学习这些知识常去的一个网站,非常感谢她让我学习到了更多的一些关于前端的知识,不过现在我不这样看了,前端工程师们最主要的就是通过这些来工作的(当然考虑的问题肯定是更多更广更深入了,架构问题.兼容性问题.性能问题.还有各种插件.JS库以及前端的各种工具等等),这些内容是非常丰富的,我也是挺感兴趣的并且觉得这样更为专业!至少让我觉得比天天,修改BUG.为客户修改

javascript中的子节点查找,childNodes和children

一.查找元素: 1.getElementById():接收一个参数:要取得的元素的 ID.如果找到相应的元素则返回该元素,如果不存在带有相应 ID 的元素,则返回 null.严格匹配,包括大小写. IE7 及较低版本还为此方法添加了一个有意思的"怪癖": name 特性与给定 ID 匹配的表单元素(<input>.<textarea>. <button>及<select>)也会被该方法返回.如果有哪个表单元素的 name 特性等于指定的