• 企业400电话
  • 网络优化推广
  • AI电话机器人
  • 呼叫中心
  • 全 部 栏 目

    网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    js正则匹配table,img及去除各种标签问题
    POST TIME:2021-10-18 05:25

    核心代码

    //获取公示栏内容
         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;itableContentArray.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;jarray.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
    上一篇:正则表达式+Python re模块详解
    下一篇:SQL Anywhere正则表达式语法与示例
  • 相关文章
  • 

    关于我们 | 付款方式 | 荣誉资质 | 业务提交 | 代理合作


    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信