如何從頭打造一個Markdown編輯器（序章）

開始寫文章之前，先打個小廣告，就是小弟新鮮出爐的作品MDE，一個完全免費的，開源的，基於Electron的Markdown編輯器MDE Editor，點擊鏈接進入GitHub

截圖為在Windows 10 上運行的效果

支持的功能：

• 即時渲染
• Markdown 語法高亮（Syntax Highlighting）
• 白天模式和夜間模式

第一個已經版本在2017年元旦發布了，現在我只打包了Windows win32 64位版本，有興趣的朋友可以下載來跑一下。遲些我會打包Linux版本，至於Mac的話，我身邊沒有設備還真不好搞。

下載地址

其實現在這個時代，好用，能用的Markdown編輯器已經很多了，比如我很喜歡的Typora，CMD Markdown，還有各種編輯器加上Markdown插件也很好用，加上Markdown語法比較小眾，所以說自己擼一個其實意義不大，但是為什麼我還要寫這樣一個編輯器呢？

一來其實是我一直很好奇我們平時用的這麼多編輯器是怎麼實現的，這方面的資料也不多，於是打算自己從頭擼一個，看看能不能掌握一些知識。

二來我是廣州某高校的CS學生，網上很多人說現在學校出來的學生什麼都做不了，所以我也寫個能用的東西來證明一下自己對吧

三來，這個程序是開源的，免費無廣告的，希望有志同道合的朋友可以一起學習，交流，所以我會把我開發過程的一些想法和心得都寫出來，我會在知乎專欄發表一系列關於這個編輯器的文章，這個只是序章，希望有朋友可以一起交流

在這個序章，我簡單介紹一下我做這個編輯器需要的一些東西，我的編輯器是基於Electron，主要是看上了跨平台的特性，以及我對Javascipt比較熟悉，對Typescript比較感興趣的原因，我的編輯器是用Typescript + Electron實現的，我的文章主要也是講這個，如果有要動手的朋友可以選擇自己喜歡的框架和語言，打造一個Markdown編輯器的旅程就要開始了，你準備好了嗎？

推薦閱讀：