wikitext 테이블을 구문 분석하는 방법 HTML?

Question

Wikicode 테이블 내가이 file에서 정규식을 사용하여 <table> </table> 같은 HTML 형식으로 구문 분석 할 필요가

{| class="wikitable" 
|- 
! Header 1 
! Header 2 
! Header 3 
|- 
| row 1, cell 1 
| row 1, cell 2 
| row 1, cell 3 
|- 
| row 2, cell 1 
| row 2, cell 2 
| row 2, cell 3 
|} 

입니다 구문 분석?

Answer 1

• • 헤더 행 렌더링, 테이블
    • 행이 행이 시작 !이있는 경우 표는
    • 속성 그것으로 = 저장되어있는 경우 각 행
    • 찾기 찾기 각 헤더 가져 오기 및 렌더링
  • 그렇지 않으면, 그것은 정상적인 행
    • 가져이고
• 테이블을 렌더링 각 셀 렌더링 : 모두 함께 조각을 넣어, 반환을

https://jsfiddle.net/n1dp3fcs/2/

var attrs = "", headers = "", rows = ""; 
function renderTables(wiki) { 
    wiki.replace(findTable, parseTable); 
    var HTML = "<table" + (attrs ? " " + attrs : "") + ">" + 
    (headers ? "<thead>" + headers + "</thead>" : "") + 
    (rows ? "<tbody>" + rows + "</tbody>" : "") + 
    "</table>"; 
    attrs = headers = rows = ""; 
    return HTML; 
} 

var findTable = /\{\|\s*(.*?)\s*\|\}/g, 
    parseTable = function(match, content) { 
     Array.prototype.forEach.call(content.split(newRow), renderRow); 
    }; 

var newRow = /\s*\|-\s*(?:\|\s*)?/g, 
    renderRow = function(content) { 
     console.log("tr", content, arguments); 
     if (content.indexOf("=") !== -1) { console.log("attrs"); attrs += content; } 
     else if (content[0] === "!") { console.log("th"); headers += "<tr>" + content.replace(findHeader, renderHeader) + "</tr>"; } 
     else { console.log("td"); rows += "<tr>" + content.replace(findCol, renderCol) + "</tr>"; } 
    }; 

var findHeader = /\s*!\s*([^!]+?)(?=\s*!|$)/g, renderHeader = "<th>$1</th>"; 

var findCol = /(?:^\s*|\s*\|\s*)([^\|]+?)(?=\s*\||$)/g, renderCol = "<td>$1</td>";