问题描述:左边一个textarea
输入框,用户点击追加按钮,textarea
中的内容追加到右边的div中,追加过去的内容不会换行,内容之间有空格!
解决方法:
方法一、利用replace替换掉
.replace(/\r\n/g, '<br/>')
方法二、利用css
white-space: pre;
小编用的是第二种方法,方便~
以上是编程学习网小编为您介绍的“把textarea内容插入到div中不会换行”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:把textarea内容插入到div中不会换行
基础教程推荐
猜你喜欢
- CSS动态渐变色边框围绕内容区域旋转的效果(实例代码) 2024-04-07
- js实现消灭星星(web简易版) 2024-04-08
- 前端从浏览器的渲染到性能优化 2022-11-13
- 基于JS实现点击图片在弹出层显示大图效果 2022-08-31
- vue-cli2.x:vue项目运行npm run dev命令时,项目在浏览器自动打开页面的方法 2023-10-08
- Ajax请求跨域问题解决方案分析 2023-02-23
- 解决Vue路由导航报错:NavigationDuplicated: Avoided redundant navigation to current location 2024-02-08
- HTML+CSS实现导航条下拉菜单的示例代码 2022-09-21
- openhtmltopdf 学习所遇到的问题 2023-10-27
- CSS 完美兼容IE6/IE7/FF的通用hack方法 2023-12-20