处理textarea的空格和换行

原理就是textarea会把用户按钮插入字符串中,但是在浏览器中,表示换行和空格的<br/>,&nbsp;,所以我们在渲染之前需要先转成浏览器的字符。

存的时候一般是换行一般是\r,\n或者\r\n,只是不同的系统不一样;

转换方法:

“your string”.replace(/\n/g,"<br/>").replace(/\s/g,"&nbsp;")

可用h5的contentEditalble属性,课直接展现转换后的字符串:

<p contenteditable="true">
这是一段可编辑的段落。<br/>请试着&nbsp;编辑该文本。
</p>

原文地址:https://www.cnblogs.com/dakini/p/9035855.html

时间: 2024-08-30 17:59:47

处理textarea的空格和换行的相关文章

提交表单时如何保留多个空格及换行的文本样式

需求是:用户提交表单时屏蔽敏感词的功能.其中敏感词来自服务器端同一路径下的ciku.txt,敏感词通过"|"连接,例如"g|c|a",提交表单时替换敏感词,更重要的是,需要保持表单文本域中用户输入的多个空格及换行的样式,并原样输出.php代码如下: 1 <?php 2 header("Content-type:text/html;charset=utf-8"); 3 if($_POST){ 4 $pattern = array( 5 '/

java压缩去除html空格和换行解决微信域名下不兼容

直接贴代码. java压缩去除html空格和换行解决微信域名下不兼容 调用:content = HtmlCompressor.compress(content); import java.io.StringReader;import java.io.StringWriter;import java.util.*;import java.util.regex.*; /******************************************* * 压缩jsp,html中的代码,去掉所有空

C# 过滤空格、换行、script、style等等标签

/// <summary> /// 过滤空格.换行.script.style等等标签 /// </summary> /// <param name="html">html的内容</param> /// <returns>处理后的文本</returns> internal static string SHTML(string html) { html = html.Trim(); html = html.Replac

ios 去除字符串首尾空格、换行

去除首尾空格: NSString *content = [textView.text stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceCharacterSet]]; 去除首尾空格和换行: NSString *content = [textView.text stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]];

JSP输出HTML时产生的大量空格和换行的去除方法

在WEB应用中,如果使用jsp作为view层的显示模板,都会被空格/空换行问题所困扰. 方案一,利用web服务器的trimSpaces功能. Tomcat5 以上版本都可以使用,这是最简单的方法 <servlet> <servlet-name>jsp</servlet-name> <servlet-class>org.apache.jasper.servlet.JspServlet</servlet-class> <init-param&g

iOS去掉字符串中的空格,换行符号

去掉空格和换行符号的实质就是替换掉对应的字符 NSString* str=~~~~~~; //1. 去除掉首尾的空白字符和换行字符 str = [str stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]]; //2. 去除掉其它位置的空白字符和换行字符 str = [str stringByReplacingOccurrencesOfString:@"\r" withStr

word中如何将空格变成换行

大家在工作和学习中可能会遇到文字替换或符号替换,大家要学会txt.doc.xls之间的切换,替换好之后放到最终的文件中,txt好处是没有格式,doc个好处是有格式,而xls主要是分配到单元格中. 那么当我们遇到一段乱码后,如何通过换行把文章弄整齐,我们看下word下的段落换行转换! 工具/原料 word 方法/步骤 为了简单的示范整个过程,小编就自创了一个比较工整的例子,每个数字之间是空格,那么我们如何把空格变成换行呢? 我们点击开始,选择最右边的编辑按钮,然后选择替换: 查找内容敲一个空格,替

js 去除空格与换行

js 去除空格与换行 //去除空格 String.prototype.Trim = function() { return this.replace(/\s+/g, ""); } //去除换行 function clearBr(key) { key = key.replace(/<\/?.+?>/g,""); key = key.replace(/[\r\n]/g, ""); return key; } //去除左侧空格 functi

ThinkPHP去掉html中的空格和换行的方法(转:http://www.111cn.net/phper/thinkPhp/91462.htm)

在thinkphp3.2.2中,出现这样一个问题:无法删除模板中的空格和换行,我们现在就来分享这个问题的解决方法,然后再补充其他的php清除空白行和换行的实例. 在thinkphp3.2.2中有无法删除模板中的空格和换行的问题: 即使配置了 'TMPL_STRIP_SPACE' => true 也是不起效的. 原因:在ThinkPHP\Library\Think\Template.class.php 文件,compiler方法少了以下的一段代码导致的: if(C('TMPL_STRIP_SPAC