先前因為記錄專案要點,寫了份markdown檔案,想著預覽效果,就直接拖進了瀏覽器,然後天真的我以為可以看到預覽效果的時候,才發現瀏覽器不能直接解析markdown語法...那好吧,寫個Chrome外掛,可以讓瀏覽器解析markdown語法吧。就在我準備開乾的時候,同事看到說,寫個編輯器吧,會更實用。嗯...還是很有道理的,於是就有了這個編輯器~~
先放張圖片~~
依賴主要有:
- codemirror,富文字編輯器
- marked,解析markdown語法
- highlight.js,程式碼語法高亮
主要實現功能:
- 工具欄插入一些常用標籤,如h標籤,列表,程式碼塊等,其中table可以直接在彈框中編輯資料後插入檔案
- 檔案儲存到本地
- 開啟本地檔案,預覽或編輯
git地址:github.com/EstherJi/MD…
歡迎大家試用反饋~~