JS过滤(去除)富文本编辑器中的HTML标签和换行回车等标记的正则表达式

使用正则去掉富文本编辑器的THML标签和换行回车等标记

实际中的例子:

代码实现:

1react中js的写法:this.fiterLabelHandle(this.state.majorInfoList.schemeIntroduce); // 调用过滤掉没用的格式或字符的方法 2 3其中this.state.majorInfoList.schemeIntroduce的格式如: 4 5<p><strong><span style="font-family:等线;font-weight:normal">测试账号  信息学院:</span></strong><span style="font-size:13px;font-family:'Segoe UI',sans-serif;background:#D5EEFF">20081077  </span><span style="font-size:13px;background:#D5EEFF">外国语学院:</span><span style="font-size: 13px;font-family:'Segoe UI',sans-serif;background:white">20051012</span><span style="font-size:13px;font-family:'Segoe UI',sans-serif;background:#D5EEFF">  admin</span></p><h1><strong><span style="font-family:等线">1<span style="font:9px 'Times New Roman'">      </span></span></strong><strong><span style="font-family:等线">前端优化</span></strong></h1><h1><strong><span style="font-family:等线">2<span style="font:9px 'Times New Roman'">      </span></span></strong><strong><span style="font-family:等线">系统级别</span></strong></h1><h1><strong><span style="font-family:等线">3<span style="font:9px 'Times New Roman'">      </span></span></strong>方案版本管理</h1><h2><strong><span style="font-family:'等线 Light'">3.1<span style="font:9px 'Times New Roman'"></span></span></strong><strong><span style="font-family:等线">版本信息管理</span></strong></h2><h3>3.1.1<span style="font:9px 'Times New Roman'">     </span>主页面</h3><p><br/></p> 6 7// 过滤掉富文本里面包含的html标签和空格符等东西的方法 8 fiterLabelHandle = (schemeIntroduce) =>{ 9 schemeIntroduce = schemeIntroduce.replace(/(\n)/g, ""); // 去掉换行 10 schemeIntroduce = schemeIntroduce.replace(/(\t)/g, ""); // 去掉换行 11 schemeIntroduce = schemeIntroduce.replace(/(\r)/g, ""); 12 schemeIntroduce = schemeIntroduce.replace(/<\/?[^>]*>/g, ""); // 去掉标签 13 schemeIntroduce = schemeIntroduce.replace(/\s*/g, ""); 14 schemeIntroduce = schemeIntroduce.replace(/ /ig, " "); // 去掉  15 this.setState({ 16 schemeIntroduce : schemeIntroduce 17 }); 18 }
点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

MySQL部分从库上面因为大量的临时表tmp_table造成慢查询

背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

2020年前端实用代码段,为你的工作保驾护航

有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )