-- 创造无限可能

html技巧:textarea文本输入到div标签内实现换行

2022-10-22 00:01:31
369 人浏览 5 人点赞
有用,点赞支持一下

方式一:利用<pre>标签

<pre>这是textarea中的内容</pre>

方式二:将 \n\r 替换成 br 标签

input.replace(/\n\r/ig, '<br/>')

方法三:在渲染标签元素上添加 white-space: pre-wrap | pre-line | pre

pre-wrap 保留空白符序列,但是正常地进行换行
pre-line 合并空白符序列,但是保留换行符
pre: 空白会被浏览器保留, 在遇到换行符或者<br>元素时才会换行, 类似 HTML 中的 <pre> 标签