js正则匹配table,img及去除各种标签问题

 更新时间:2020-05-11 14:32:26   作者:佚名   我要评论(0)

核心代码


//获取公示栏内容
s = "$row.detail$";
mainContent =s;

//如果有多个table使用下面注释的正则只会匹配成一个table
//var ta

核心代码

//获取公示栏内容
     s = "$row.detail$";
     mainContent =s;
     
     //如果有多个table使用下面注释的正则只会匹配成一个table
     //var tabReg = /<table[^>]*>((?!table).)*<\/table>/gi;
    //匹配单个table
     var tabReg = /<table[^>]*>\s*(<tbody[^>]*>)?(\s*<tr[^>]*>[\s\S]*?<\/tr>\s*)*(<\/tbody>)?\s*<\/table>/gi;
     var tabMatch = tabReg.test(s);
     
     var tabMatchContentArray = s.match(tabReg);
 
     if(tabMatch)
     {
      
      mainContent = s.replace(tabReg,"#");
     }
     
     //对img标签进行匹配
     var imgReg = /<img.*?(?:>|\/>)/gi;
     
     imgMatchContentArray = s.match(imgReg);
    
     if(imgReg.test(s))
     {
      //将img标签替换为*
      mainContent = mainContent.replace(imgReg,"*");
     }
     //处理html标签
     mainContent = mainContent.replace(/&nbsp;/gi," ");
     var pReg1 = /<p>/gi;
     var pReg2 = /<\/p>/gi;
     mainContent = mainContent.replace(pReg1,"").replace(pReg2,"<br />");
     //下面的htmlReg1 ,htmlReg2可以匹配任意标签
//     var htmlReg1 =/<[^>]+>/gi;
//     var htmlReg2 =/<(.+?)[\s]*\/?[\s]*>/gi;
//     
//     mainContent = mainContent.replace(htmlReg1,"").replace(htmlReg2,"");
     //mainContent = mainContent.replace(/&/gi,"<p>").replace(/@/gi,"</p>");
    var pageIndex = 1;
    var size = 500;
    var tableContentArray = mainContent.split("#");
    var array = []; //存放以table分割后的数组中每个数组可以分作几页
    
    var arrayIndex = []; //存放table在内容中的索引
    
    var len =0;
    for(var i=0;i<tableContentArray.length;i++)
    {
      var con = tableContentArray[i];
      
      len += con.length;
      
      arrayIndex[i] = len;
      
      array[i] = Math.ceil(con.length /size);
    }
    
    
    var tableIndexArray = [];//存放table内容页码数
    
    var sum = 1;
    
    for(var j=0;j<array.length-1;j++)
    {
      
      sum += array[j];
      tableIndexArray[j] = sum;
    }
    
    
    var currentPageContent = mainContent.substr((pageIndex-1)*size,size);
    
    
    if(tableIndexArray.indexOf(pageIndex) >= 0)
    {
      currentPageContent = tabMatchContentArray[tableIndexArray.indexOf(pageIndex)];
    }
    
    
    if(currentPageContent.indexOf("#")!= -1)
    {
      
      var beginToCurrentPageContent = mainContent.substr(0,pageIndex*size);      
      var tabLastIndex = beginToCurrentPageContent.lastIndexOf("#");
      currentPageContent = currentPageContent.substr(0,tabLastIndex-(pageIndex-1)*size);
 
      //当前页是否有 * 获取最后一个 * 的位置 
      var indexOf = currentPageContent.indexOf("*");
      
      if(indexOf >= 0)
      {         
         //获取开始到当前页位置的内容 中的 * 的最后的下标 
         var reCount = beginToCurrentPageContent.split("*").length - 1;
          
         var contentArray = currentPageContent.split("*");
         
         currentPageContent = replaceImgContent(contentArray,reCount,imgMatchContentArray);  
      }
        
    }
    else
    {
      
      //当前页是否有 * 获取最后一个 * 的位置 
      var indexOf = currentPageContent.indexOf("*");
      
      if(indexOf >= 0)
      {
         //获取从开始位置到当前页位置的内容
         var beginToCurrentPageContent = mainContent.substr(0,pageIndex*size);
         
         //获取开始到当前页位置的内容 中的 * 的最后的下标 
         var reCount = beginToCurrentPageContent.split("*").length - 1;
          
         var contentArray = currentPageContent.split("*");
         
         currentPageContent = replaceImgContent(contentArray,reCount,imgMatchContentArray);
         
      }
      
    }
    
    if(currentPageContent=="")
    {
      alert("页码数超过范围");
    }
    else
    { 
      document.getElementById("annouContent").innerHTML= currentPageContent;
    }
    
    /* currentArray:当前页以 * 分割后的数组
      replaceCount:从开始内容到当前页的内容 * 的个数
      matchArray : img标签的匹配的内容
    */
    function replaceImgContent(currentArray,replaceCount,matchArray)
    {      
      var result = "";
      for(var i=currentArray.length -1,j = replaceCount-1 ;i>=1; i--)
      {        
        var temp = (matchArray[j] + currentArray[i]);
        result = temp + result;
        j--;
      }      
      result = currentArray[0] + result ;      
      return result;
    }    
  </script>

下面是一些补充

js正则匹配删除table

var reg = /<[\/]*(table|td|tr)[ a-zA-z=''""]*>|123/g

一个JAVASCRIPT正则表达式,Table中只保留ColSpan和RowSpan

html = html.replace(/<(TBODY|THEAD|TFOOT|TH|TR|TD)[^>]*?(ColSpan\s*=\s*["']?[^"'>\s]*["']?[^>]*?)?(RowSpan\s*=\s*["']?[^"'>\s]*["']?[^>]*?)?>/gi,"<$1 $2 $3>");

以上就是js正则匹配table,img及去除各种标签问题的详细内容,更多关于js正则匹配table,img的资料请关注脚本之家其它相关文章!

您可能感兴趣的文章:

  • javascript中使用正则表达式清理table样式的代码
  • js正则匹配table tr

相关文章

  • js正则匹配table,img及去除各种标签问题

    js正则匹配table,img及去除各种标签问题

    核心代码 //获取公示栏内容 s = "$row.detail$"; mainContent =s; //如果有多个table使用下面注释的正则只会匹配成一个table //var ta
    2020-05-11
  • Python常用的正则表达式处理函数详解

    Python常用的正则表达式处理函数详解

    正则表达式是一个特殊的字符序列,用于简洁表达一组字符串特征,检查一个字符串是否与某种模式匹配,使用起来十分方便。 在Python中,我们通过调用re库来使用re模块
    2020-05-11
  • SQL Anywhere正则表达式语法与示例

    SQL Anywhere正则表达式语法与示例

    正则表达式语法 通过 SIMILAR TO 和 REGEXP 搜索条件以及 REGEXP_SUBSTR 函数支持正则表达式。对于 SIMILAR TO,正则表达式语法符合 ANSI/ISO SQL 标准。对于 REGEX
    2020-05-11
  • 浅谈js正则字面量//与new RegExp的执行效率

    浅谈js正则字面量//与new RegExp的执行效率

    前几天谈了正则匹配 js 字符串的问题:《js 正则学习小记之匹配字符串》 和 《js 正则学习小记之匹配字符串优化篇》。 里面讲到了优化正则起到提升性能的问题,但
    2020-05-11
  • linux grep与正则表达式使用介绍

    linux grep与正则表达式使用介绍

    grep (缩写来自Globally search a Regular Expression and Print)是一种强大的文本搜索工具,它能使用特定模式匹配(包括正则表达式)搜索文本,并默认输出匹配行
    2020-05-11
  • 浅谈js正则之test方法bug篇

    浅谈js正则之test方法bug篇

    其实我很少用这个,所以之前一直没注意这个问题,自从落叶那厮写了个变态的测试我才去看了下这东西 下面的代码都是在chrome的F12下调试的,大家可以研究一下 先来看
    2020-05-11
  • js 正则学习小记之匹配字符串字面量优化篇

    js 正则学习小记之匹配字符串字面量优化篇

    昨天在《js 正则学习小记之匹配字符串字面量》谈到 /"(&#63;:\\.|[^"])*"/ 是个不错的表达式,因为可以满足我们的要求,所以这个表达式可用,但不一定是最好的。
    2020-05-11
  • js正则学习小记之匹配字符串字面量

    js正则学习小记之匹配字符串字面量

    今天看了第5章几个例子,有点收获,记录下来当作回顾也当作分享。 关于匹配字符串问题,有很多种类型,今天讨论 js 代码里的字符串匹配。(因为我想学完之后写个语法
    2020-05-11
  • Python正则表达式指南 推荐

    Python正则表达式指南 推荐

    本文介绍了Python对于正则表达式的支持,包括正则表达式基础以及Python正则表达式标准库的完整介绍及使用示例。本文的内容不包括如何编写高效的正则表达式、如何优化
    2020-05-11
  • JavaScript正则表达式匹配字符串字面量

    JavaScript正则表达式匹配字符串字面量

    第一次遇到这个问题, 是大概两年前写代码高亮, 从当时的解决方案到现在一共有三代, 嘎嘎. 觉得还是算越来越好的. 第一代: //那个时候自己正则还不算很精通, 也没有
    2020-05-11

最新评论