js正則匹配table,img及去除各種標籤問題
阿新 • • 發佈:2020-04-04
核心程式碼
//獲取公示欄內容 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(/ /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,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的資料請關注我們其它相關文章!