textarea提交后换行。。。

最新推荐文章于 2019-05-10 17:18:56 发布
原创 最新推荐文章于 2019-05-10 17:18:56 发布 · 984 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客介绍了在网页中处理回车换行符的方法。通过代码‘rs(\content\)=replace(cnt,vbcrlf,\<br/>\)’，将多行文本框里认识的回车换行符 vbcrlf 替换为网页能识别的＜br＞。
cnt=request.form("content")
...
rs("content")=replace(cnt,vbcrlf,"<br/>")即可 
vbcrlf是回车换行(多行文本框里认识），在网页里是不识别的，网页里只认识＜br＞，因此替换一下就行了
关于textarea提交的内容无法换行的解决办法
12-10
最后，将转换后的字符串重新设置为 `textarea` 的值，这样在提交时，换行就会被正确地转换为 HTML 标签。 在显示已存储的文本时，也需要进行逆向转换，将 ` ` 标签还原为 `\n`，以便在文本编辑器中正确显示...
处理textarea中的换行和空格
11-21
当用户在 `textarea` 中输入并使用 JavaScript 提交文本时，空格和换行会被编码为 `/s` 和 `/n` 字符。在前端与后端交互时，处理这些特殊字符是确保文本正确显示的关键。 如果文本最终仍要在 `textarea` 中显示，...
textarea中的内容保存与显示时换行符的处理方法
热门推荐
马超的专栏
04-24 1万+
一、基本知识 textarea中，换行符是/r/n，而html中换行符是<br/>。 如果要把textarea中填写的内容显示在页面上，需要在最终显示到页面上时将/r/n替换成<br/>。 如果在保存时将包含<br/>的内容直接保存到数据库中，显示到页面上会很方便，可直接放置；但是要再回显到textarea，则要把<br/>再换回/r/n。 ...
简单的解决textarea文本框内容换行，对应到页面的内容也换行的问题
那一日面朝大海的博客
01-26 1万+
当我们在页面上通过 textarea 提交数据的时候，我们输入的内容在提交后都会被处理为了一段内容，即使我们在 textarea 里面输入了很多的换行，提交后也是一段内容，那如果我们需要将我们输入的信息按照输入的形式保存下来该如何做呢？ 最近项目中就遇到了这样一个需求，页面左边是展示部分，右边是表单用来添加资料， 表单里有textarea文本框，在里面输入内容，可以回车换行，然后点
textarea输入换行字符提交给后台后，前台获取数据没有换行
鱼儿的博客
03-04 4706
解决方案： 需要提交数据库之前把textarea中的换行字符转换为&lt;br&gt;存储到数据库。 当读取的时候在把&lt;br&gt; 替换成textarea的换行符\n就好了 注意：使用replace 方法的时候需要用正则表达式，否则只能替换第一个换行 例如： str="11 22'' 1.存储数据库之前执行 data= str.replace(/\n...
textarea文本提交保存,前端显示之前保存textarea回车换行以及把之前保存文本回显到textarea的解决方案
qq_39024012的博客
05-10 4144
直接上代码,路径请自行替换 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>测试</title> <link rel="stylesheet" href="css/index.min.css" /> <meta name...
PHP获取表单textarea数据中的换行问题
10-28
在各种输入框中，textarea是一个多行文本输入控件，用户可以在这里输入段落文本，并且通常需要保留用户输入时的格式，包括换行。然而，在Web开发中，换行的表示方法并不是统一的，这主要是因为不同的操作系统使用...
处理textarea换行空格
07-31
处理`textarea`中的换行和空格通常涉及到用户输入的格式化和处理，这在多个场景下都是必要的，例如数据存储、表单提交或者富文本编辑等。本篇文章将深入探讨如何在JavaScript或相关前端技术中处理`textarea`的换行和...
textarea中提交时保留文本中回车、换行、水平制表符
little_bill的专栏
05-15 884
因为js已经拿到格式了，就是提交后，服务器端获取时丢失了。 这样，在js提交时格式化一个要提交的数据，这样就能保存住这些格式了。 [code="js"] var item,ipData = $("#batchIPData").val(); ipData = ipData.replace(/\n/g,""); ipData = ipData.replace(/\r/g,""); ...
textarea多行文本域中的换行的小陷阱
u011277123的博客
03-07 1万+
WEB攻城狮大冰 2017-02-05 08:57 近期，在项目开发中需要对内容的首行添加一个换行，但是设置后，再次进入设置界面发现换行丢失了，不过数据库中保存的值是正确的，首行有换行的。 众所周知，textarea中的换行是\n，html中的换行是标签，但是有一点可能是你没有注意到的，就是textarea中他会忽略紧跟这 标记的的换行，如下图所示 textarea多行文本域中的换行
20100705 学习记录：textarea内容的格式控制（回车、换行、空格）
weixin_34367845的博客
07-07 691
表单对象textarea内容的格式控制（回车、换行、空格）1.代码<!--1.htm--><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equ...
常见textarea换行问题的处理方法
学习也休闲
11-24 1万+
textarea换行时主要遇到的有以下两个问题 1、在textarea中输入回车符 在js读取textarea中的值有\r\n然后到业务层转换到string中就有可能变成空格形式然后被存入数据库，当在取出此值的时候则会变成空格的形式。因此我们需要将不显示的\r\n替换一下。 原因： 这是因为textarea里输入和车出现的是编码vbCrlf，页面读取数据库显示的内容必须有才可以显示换
textarea 会车无法换行
最新发布
07-22
在处理 `textarea` 中的换行问题时，不同场景下可能需要采用不同的方法。以下是几种常见的解决方案： ### 前端展示时的换行处理 当从 `textarea` 获取内容并在页面上展示时，换行符通常不会自动转换为 HTML 中的 `<br>` 标签。可以通过 JavaScript 替换换行符为 `<br>` 标签来实现换行效果： ```html <input id="content" value="${content}" type="hidden" /> <span id="contentshow"></span> <script> var element = $("#content").val(); var temp = element.replace(/\n/g,'<br/>'); $("#contentshow").html(temp); </script> ``` 另一种方法是使用 CSS 样式 `white-space: pre-wrap` 来保留空白符和换行符： ```css #contentshow { white-space: pre-wrap; } ``` ### Uniapp框架中的换行处理 在使用 Uniapp 的 uView 2.0 框架时，如果遇到 `u--textarea` 组件无法换行的问题，可以通过设置 `confirmType` 属性为 `null` 来解决： ```html <u--textarea :confirmType="null" v-model="value" placeholder="请输入"></u--textarea> ``` ### PHP 后端处理换行符 在 PHP 中处理 `textarea` 提交的内容时，可以使用 `str_replace` 函数来替换换行符。需要注意的是，确保使用双引号包裹换行符 `\n`： ```php $content = str_replace("\n", "", $_POST['content']); ``` ### 总结 - **前端展示**：使用 JavaScript 替换 `\n` 为 `<br>` 或者使用 CSS 的 `white-space: pre-wrap`。 - **Uniapp 框架**：设置 `u--textarea` 的 `confirmType` 为 `null`。 - **PHP 后端处理**：使用 `str_replace` 并注意引号的使用。 这些方法可以帮助解决 `textarea` 中的换行问题，确保在不同环境下都能正确显示换行效果[^1]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值