码迷,mamicode.com
首页 > 其他好文 > 详细

处理textarea的空格和换行

时间:2018-05-14 14:37:17      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:you   原理   字符   edit   ted   amp   方法   需要   不同   

原理就是textarea会把用户按钮插入字符串中,但是在浏览器中,表示换行和空格的<br/>,&nbsp;,所以我们在渲染之前需要先转成浏览器的字符。

存的时候一般是换行一般是\r,\n或者\r\n,只是不同的系统不一样;

转换方法:

“your string”.replace(/\n/g,"<br/>").replace(/\s/g,"&nbsp;")

可用h5的contentEditalble属性,课直接展现转换后的字符串:

<p contenteditable="true">
这是一段可编辑的段落。<br/>请试着&nbsp;编辑该文本。
</p>

 

处理textarea的空格和换行

标签:you   原理   字符   edit   ted   amp   方法   需要   不同   

原文地址:https://www.cnblogs.com/dakini/p/9035855.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!