正規表示式之簡易markdown檔案解析器

woai3c發表於2019-02-16

使用正規表示式也可以寫一個簡單的markdown解析器
一般的markdown表示式是這樣

# 這是一個markdown表示式
## 這是一個markdown表示式

一行一個markdown表示式，所以可以使用split(`n`)將markdown內容分割為一個陣列，陣列的都每一項都是一個markdown表示式
然後再對每一行表示式進行解析，假如匹配到了如下表示式

# 這是一個markdown表示式
## 這是一個markdown表示式

可以這樣處理

arry = row.match(/^#s/)

if (arry[0] == `#`) {
    `<h1>` + rows.substring(2) + `</h1>`;
}

將得到以下HTML語句

<h1>這是一個markdown表示式</h1>
<h2>這是一個markdown表示式</h2>

再把得到的HTML語句渲染到DOM中 就完成了一次markdown文字解析了
對於其他的markdown也是遵循這個規則來處理

先來看一個簡單的DEMO
這是專案程式碼

相關文章