处理textarea的空格和换行

Posted 2020-11-05 蜗牛

原理就是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>