关于textarea中回车保存和显示

最新推荐文章于 2024-07-26 14:21:07 发布
最新推荐文章于 2024-07-26 14:21:07 发布
阅读量5.8k 收藏 2
点赞数 3
分类专栏： java web 文章标签： textarea回车键 数据库回车键 textarea换行处理 js replace java replace
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stronglyh/article/details/48626785
版权
在项目中遇到textarea输入换行保存后显示异常的问题，通过Java的replace方法处理换行符，避免数据库中出现 。前端展示时，使用JavaScript的replace方法进行替换，实现textarea内容的正确显示。点击修改按钮，内容能正确以换行形式呈现。
摘要由CSDN通过智能技术生成

   最近做项目的时候，发现textarea文本中有敲了换行符，保存之后，点击修改按钮居然显示不了，页面报了一个非法参数，用了调试程序发现，前台获取的居然是几行数值，然后去了数据库，发现数值一行显示。于是纳闷了。或许前端框架不支持吧，此处就要自己修改了。

我的做法如下：

首先保存的时候java代码进行修改

note=note.replace("\n","\\r\\n")

note=note.replaceAll("\\n",<a>\\\\r\\\\n</a>)

最低0.47元/天 解锁文章
你所有承诺
关注
专栏目录
textarea保存时的换行格式，如何显示在table中
shine1162226的博客
07-10 689
如图：保存的时候是有换行格式的 当再显示在el-table中时,是没有换行的 修改： <div class="table"> <el-table stripe @row-click="handleRowClick" row-key="id" :data="dutyLogList" height="100%"> <el-table-column width="180px" :label="$t('DutyLog.Create
jsp实现textarea中的文字保存换行空格存到数据库的方法
01-08
UploadNews.jsp <%@ page language=java contentType=text/html; charset=utf-8 pageEncoding=utf-8%> <!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd> <html> <head> <meta http-equiv=Content-Type content=text/html; charset=utf-8> <title>上传新闻
textarea 保存在展示时保存回车
java
08-10 1515
textarea 保存在展示时保存回车
vue项目，el-input使用shift+enter换行触发了键盘keyup.enter事件
最新发布
wfyh1314的博客
07-26 406
问题：项目中在text area中shift+enter换行，keyup.enter发送信息，但是shift+enter换行触发了键盘keyup.enter事件。
textarea保存原文的空格和回车
04-19 1859
1.如何把textarea中的内容写到文本中去，保存原文的空格和回车，从文本中读出的时候显示出原文摸样？ if($submit)  {      $fp   =   fopen( "test.txt ", "w ");      fwrite($fp,$content);      fclose($fp);  }  ?>  "   method= "post ">
textarea文本保存到数据库，前端输出保存换行回车解决方案
weixin_42548628的博客
10-10 1443
textarea文本保存到数据库，前端输出保存换行回车解决方案 $(function() { init();} ); function init() { var text = $("div.text").text(); //先取出未转换格式前端数据 var des = text.replace(/\r\n/g, '&lt;br/&gt;').replac...
解决textarea内容有回车或者换行时前台显示不正常的问题
前端小菜鸡的成长之路
05-31 1225
在做项目的时候遇到textArea的输入框时。经常要输入长问题，但是遇到换行时，存储到数据库里面的数据在前台显示却没有换行： 比如输入： a b c 前台显示： a b c 我一开始的思路，是想在输入框下手，我以为是因为输入框没有识别换行符，没有入库。这个时候可以用富文本输入框解决。富文本输入框带有回显函数，存储到数据库的数据已经转换成HTML能读取的格式。 我不想用富文本输入框，查阅各种资料，后来...
关于textarea提交的内容无法换行的解决办法
12-10
在网页开发中，`textarea` 元素常用于收集用户输入的多行文本。然而，一个常见的问题是在用户提交 `textarea` 内容时，原始输入的换行符（通常是 `\n`）在显示到页面上时并不会被浏览器识别为换行，导致所有文本显示...
php获取textarea的值并处理回车换行的方法
10-25
在网页开发中，用户在`textarea`输入框中按下回车键时，浏览器并不会自动将回车转换为换行符，而是将它们保存为特定的字符序列，通常是`\r\n`（回车换行）。在PHP中，我们需要手动处理这些特殊字符以便正确地显示和...
textarea 在IE和FF下换行无法正常显示的解决方法
10-28
在IE中，换行通常是通过`\r\n`（回车+换行）来识别的，而在Firefox和大多数现代浏览器中，换行则是通过`\n`（换行）来识别的。当这些文本被显示在页面上而不是直接在`textarea` 中时，浏览器通常不会解析这些换行符...
TextArea 回车换行的显示
weixin_30878361的博客
01-28 58
$(".textareashow").each(function(i){ var content = $.trim($(this).text()); var newcontent = content.replace(/\n/g,'<br/>'); $(this).html(newcontent); }); 转载于:https://www.cnblogs.com/leonk...
textarea回车的正常显示
alen0707的专栏
07-28 4175
textarea中若是输入回车的话，保存后再次读取时在输入回车的地方会出现而且成为一行显示。呵呵，若是想让回车正常显示换行可通过这种方式来解决：在存入数据库之前作处理，将回车进行转换存储，再在显示的时候进行转换，换回回车显示即可：转换方法如下：//存入前function replaceTextarea1(str){var reg= new RegExp("/r/n","g");var reg1= new RegExp(" ","g");str=str.replace(reg,"");str =str.rep
textarea回车显示问题
这个夏天不太冷
09-29 187
在textarea提交汗回车数据时，只需将"\r\n"替换成即可。 [code="java"]str = str.replaceAll("\r\n","");[/code]
textarea标签中输入文本时，按回车键如何在html页面中换行显示
shenshulong的博客
03-08 9051
最近项目中酒庄庄主发送动态，通过文本编辑器，textarea标签中输入文本，按回车键后，要求在页面上也显示换行。 在textarea中按了回车键，会把\r\n这种字符存到数据库，但是由于是二进制，在数据库中并没有显示出来，但是 在页面中console中显示是换行的，按时在页面上html上就是一排显示，为了让其能够在html中也能够支持换行： 1：只需要写一段javascript，将\r\n转行...
关于在textarea中输入回车换行和空格字符的正常显示 (转)
ciya3282的博客
08-14 239
关于在textarea中输入回车换行和空格字符的正常显示 (转)[@more@]在表单页中含有textarea控件，如果输入内容有回车换行的动作，字符串存储到数据库中后，再提取出来显示的话就会发现回车换行动作的地方让一个空格给代...
文本区域控件中如何保留回车和空格…
10-18 643
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 一段时间自己写留言板的程序，涉及到textarea中特殊字符的处理。 既要保留textarea中用户输入的空格和回车，也要屏蔽掉ht
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值