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>"; 
  

  を返す：
• はそれ以外の場合は、通常の行
  • 各セルを取得し、レンダリング

は、テーブルをレンダリングします