jQuery替换textarea中换行

2024-09-04

jquery处理textarea中的手动换行

textarea的手动换行会产生换行标志,但这个标志存在却看不到,存入数据库中后读出来显示在页面上却不会换行,如何处理呢? 网上众说纷纭,经过测试用 textarea的内容.replace(/\n/g, "<br/>") 解决问题,在IE6/7/8/9 Firefox/3.6.13 chrome10.0.648.82下测试通过,示例代码如下: 优点:保费便宜<br/>缺点:本车及本车人员无保障<br/>适用:老司机11 <html> &l

关于textarea中换行、回车、空格的识别与处理

需求:在textarea中输入文字,提交给后台后,后台输出在另一个页面,文字按原格式显示. 问题:如何还原输入框中的换行和空格? 兼容性:IE9以上.FF.chrome在换行处匹配/\n/ IE7-8在换行处先匹配/\r/,再匹配/\n/ html: <textarea name="" id="test_new_line" cols="30" rows="10"></tex

jQuery获取textarea中的文本

今天出了一个bug,用$("#textareaid").text()获取textarea中的信息在IE下没问题,在火狐中居然获取不到信息,经过查阅资料才发现,应该用$("#textareaid").val()来获取textarea中的信息,真是郁闷啊!

用jquery替换dojo中的ajax

function getpoints(closeid) {/*获取数据列表*/ var closesid = closeid; $.ajax({ url:'*.ashx") %>?operation=branch_mapList.FindPage&sort(+flowno)', type: 'POST', headers: { 'Range': 'items=0-1000' }, data: { filtercodtion:'{"rootTreeNode":{&

JSON 传值 textarea中虚拟换行功能

遇到错误的袭击, 错误出现,使用jquery中ajax进行查询数据时执行完以后,需要把数据封装成为JSON类型的数据,并传递到前台去的时候出现Invalid JSON 错误,经查找后发现是在使用textarea文本域进行数据获取并插入到数据库的时候插入了一个回车符号,在获取到以后进行了传递,但是 JSON传值的时候,如果有回车符就会挂掉,需要对其进行处理 JSON 处使用到的工具jsonlint可以检测出json数据是否正确. http://jsonlint.com/ 经检测后返现在这里出现了

textarea 中的换行符问题

下面是我对这个问题的解决过程,最后算是完全搞懂了,真是阴沟里险些翻船 1.必须知道textarea中的换行符是 \n (个人检测发现按回车键是\n,好像在linux下是\r\n) 2.用nl2br之前,请仔细看好手册解释,我就是搞郁闷了,一般都理解为将\n转换成<br >,其实不是的: 看php手册解释: nl2br – Inserts HTML line breaks before all newlines in a string Returns string with ‘<br

angularjs中类似textarea的换行、空格处理

背景今天测试人员测试出来一个显示数据的页面,没有换行. 原因剖析这个页面是从一个<textarea>的页面拿到的数据,存到数据库中后再返回来的. 1. 知道这点之后,就有了调查方向了:先查看从数据库取出来的数据是否有换行的标识,经过调试发现确实有(chrome换行符显示的是一个回车键的图标) 2. 既然有换行符,那么就是存取数据都是原模原样的,那么在显示的时候除了问题,那么是不是<span>的问题,经过一番调查,span确实不能直接处理换行符,需要替换为<br />

JQuery TextArea的取值与赋值问题---(textarea中回车清空问题)——个人转载整理

JQuery TextArea的取值与赋值问题---(textarea中回车清空问题) JQuery TextArea的取值与赋值问题首先,说明这不是一个简单的问题! 先说取值: $("#textarea").text();读取,最近测试时候发现在firefox中读取不出textArea的值,IE正常于是修改为: $("#textarea").val(); 问题解决,不过搜索时,发现有人提另一个问题: 当在一个textarea标签中键入一个回车时,实际上会插入2

由一个项目需求引发的 - textarea中的换行和空格

当我们使用 textarea 在前台编辑文字,并用 js 提交到后台的时候,空格和换行是我们最需要考虑的问题.在textarea 里面,空格和换行会被保存为/s和/n,如果我们前台输入和前台显示的文字都是在 textarea 里面,其实并不需要做任何处理,你在 textarea 里面编写的样式会按照你之前编辑时候的样式,正确的显示出来. 那么如果你需要 textarea 编辑提交的文字,从后台返回之后,不是显示在 textarea 里面,那么就需要考虑处理空格和换行啦. 其实之前在接触的时候,完

php过滤textarea 中的换行符问题

之前我写的替换代码是这样的 $content = str_replace('\r\n', '', $_POST['content']); 为了确保window和Linux的换行符都能去掉,改成这样的: $content = str_replace('\r', '', $content); $content = str_replace('\n', '', $content); 运行的时候发现还是有问题,换行符没有被替换,然后开始百度textarea的换行符,和str_replace的用法,最后发现

HTML 解析 textarea 中的换行符

用户在textarea中输入的换行符,传到后台,再返回前端,展示在div中. 如果需要div显示为与textarea 一致的效果,需添加: .detail { white-space: pre-line; } 这行代码会将 html标签的换行符也当做一行处理,所以如果不想要那么大间距,将html标签压缩下就可以了详见MDN:white-space

微信小程序-textarea中的文本读取以及换行问题

今天客户那边要求textarea中输入的问题可以按回车键换行,而我使用的是bindinput获取值,但是呢bindinput 处理函数的返回值并不会反映到 textarea 上,按回车键导致点击换行符无法使文字换行. 此时便换用 form bindsubmit="formSubmit" 方式获取textarea值了,此种方式的好处是按回车键自动换行. 并且在用户回车的地方会带有↵这个符号,这个符号相当于换行符 \n. 1.项目详情页中需要将textarea值换行显示,此时放在<

sql中保留一位小数的百分比字符串拼接，替换函数，换行符使用

select num ,cast(round(convert(float,isnull((a.Sum_Num-d.Sum_Num),0))/convert(float,c.Sum_Store_Num)*100,1) as varchar(50))+'%' as 報告 from FORM 做除法运算,分母不为0,round函数保留一位小数.cast函数强制类型转换,转成字符串类型,然后与'%'进行字符串拼接. sql中换行符的使用: SQL本身并不使用换行符,因为换行符就跟空格符和回车符一样都

js替换字符串中的空格，换行符\r\n或\n替换成<br>

为了让回车换行符正确显示,需要将 \n 或 \r\n 替换成 <br>.同样地,将空格替换存 .这里我们通过正则表达式来替换. 一.替换所有的空格.回车换行符 //原始字符串 var string = "欢迎访问!\r\nhangge.com 做最好的开发者知识平台"; //替换所有的换行符 string = string.replace(/\r\n/g,"<br>") string = string.replace(/\n/g,"

正确显示textarea中输入的回车和空格

在textarea中输入的文本.如果含有回车或空格.在界面上显示的时候则不那么正常.回车消失了,空格变短了. 如何解决这个问题呢.有2种方法. 1.使用<pre>标签 w3c对pre元素是这样定义的:pre 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. 也就是说包含在pre标签中的回车和空格会正常的显示出来.包括你在页面代码中输入的.所以如果使用pre元素你需要这样写: <pre>要输出的文本</pre> 而

js/jQuery使用过程中常见问题

目录一.jQuery选择器选择选中的或者disabled的选择框时attr函数无效二.jQuery each函数的break/continue 三.jQuery 获取元素的left会值/left数值四.js 监听元素触摸/划屏动作五.没设置导致$(window).height()不准确问题六.jQuery获取/设置/监听下拉选择select的值七.jQuery获取/设置/监听输入框input的值八.js拼接html字符串时要注意先把单引号及双引号转义,不然可能会出现页面错误九.绑

重新想象 Windows 8.1 Store Apps (81) - 控件增强: WebView 之加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Contract 分享 WebView 中的内容, 为 WebView 截图

[源码下载] 重新想象 Windows 8.1 Store Apps (81) - 控件增强: WebView 之加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Contract 分享 WebView 中的内容, 为 WebView 截图作者:webabcd 介绍重新想象 Windows 8.1 Store Apps 之控件增强 WebView 加载本地 html,智能替换 html 中的 url 引用 WebView 通过 Share Contract 分享