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

2023-12-05 0 327

核心代码

//获取公示栏内容
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的资料请关注悠久资源网其它相关文章!

您可能感兴趣的文章:

  • 一个关于JS正则匹配的踩坑记录
  • js正则匹配markdown里的图片标签的实现
  • js通过正则匹配没有内容的空标签
  • js正则匹配多个全部数据问题
  • JS实现关键词高亮显示正则匹配
  • 全面详解JS正则中匹配技巧及示例

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 正则表达式 js正则匹配table,img及去除各种标签问题 https://www.u-9.cn/biancheng/zhengze/94219.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务