【css 保留后端 textarea 中的换行与空格字符】的更多相关文章

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

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

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…

Html中代码换行造成空格间距的问题

Html中代码换行造成空格间距的问题解析 解决方法: 一.简单粗爆不换行 写代码的时候不要换行,input等在一行输写,那么将解决该问题.但是代码就变得不再那么容易好看. 二.设置父级块的字体大小为0 这样也能解决问题,代码也好看,但是当你设置了父级的字体大小为0时,你里面又要其它字体要显示,可能就得加span等标签去包裹它,并且重新设置字体大小.三:设置margin-left为-3象素 使得该元素基于原来的位置向左偏移三个象素,也就看不出有空隙了. 对于html内置的内联级标签以及表单元素标签…

JSON 传值 textarea中虚拟换行功能

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

HTML 解析 textarea 中的换行符

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

php过滤textarea 中的换行符问题

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

textarea 中的换行符

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <textarea cols="50" rows="5" id="textareaid">&quo…

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

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

Django admin实现TextField字段changelist页面换行、空格正常显示

问题背景 在Django后台的使用admin view绑定model后,可以很方便的通过网页对底层的数据表进行增删查改操作. 在实际工作中有一些数据字段会存储了json或者其他包含换行符.空格符的文本内容,这些文本内容在记录编辑详情页是能正常显示换行.空格的,如下: 但是在changelist页面则会省略所有空格.换行,导致可读性较差,如下: 原因 究其原因,其实是因为在编辑详情页面,存放文本的标签是textarea,在该标签中的文本内容并不会忽略换行.空格字符,通过使用浏览器开发者工具可以看到…

CSS中控制换行的四种属性

一.white-space 可以实现HTML中PRE标签的效果,以及单元格的noWrap效果,点此查看示例. Example Source Code 语法: white-space : normal | pre | nowrap 取值: normal: 默认值.默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行 pre: 换行和其他空白字符都将受到保护.这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持.如果 !DOCTYPE …