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

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

之前在做页面的时候经常发现写的textarea中会有一些默认的空格出现,鼠标可以在里面任意点击.这个问题折腾了好久,后来发现,原来是<textarea></textarea>标签没有写在同一行所致...写的时候想代码美观点所以写成了如下形式 <textarea name="search"> {$vo.name} </textarea> 但是发现这样会产生好多空格,改成这种形式就好 <textarea name="searc…

<textarea name="" id="aa" cols="30" rows="10" wrap="hard"></textarea> <div id="bb"></div> <script> $('#aa').blur(function(){ $('#bb').html($('#aa').val().replace(/\n…

在小程序中HTML的网页实体无法正常使用,小程序中的写法为: 一.空格,换行 <text>你好!\t七月流火啊!\n我在下一行</text> \t 空格( 多个只会显示一个空格) \n 换行 二.连续空格 <view> <text space="ensp">你好 啊 哈哈哈(空格是中文字符一半大小)</text> </view> <view> <text space="emsp"…

<style> pre {white-space: pre-wrap;} </style> //替换textare <pre class="feedback_question">${feedInfo.feedback_content}</pre> 提交用textarea标签,展示用pre标签,完美解决…

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

用texarea存储数据,查询数据库后原样显示在jsp中,包括空格和回车换行…

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

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