Chrome外掛——Markdown編輯器

胖紙Esther發表於2019-01-12

先前因為記錄專案要點,寫了份markdown檔案,想著預覽效果,就直接拖進了瀏覽器,然後天真的我以為可以看到預覽效果的時候,才發現瀏覽器不能直接解析markdown語法...那好吧,寫個Chrome外掛,可以讓瀏覽器解析markdown語法吧。就在我準備開乾的時候,同事看到說,寫個編輯器吧,會更實用。嗯...還是很有道理的,於是就有了這個編輯器~~

先放張圖片~~

Chrome外掛——Markdown編輯器

依賴主要有:

  • codemirror,富文字編輯器
  • marked,解析markdown語法
  • highlight.js,程式碼語法高亮

主要實現功能:

  • 工具欄插入一些常用標籤,如h標籤,列表,程式碼塊等,其中table可以直接在彈框中編輯資料後插入檔案
  • 檔案儲存到本地
  • 開啟本地檔案,預覽或編輯


git地址:github.com/EstherJi/MD…

歡迎大家試用反饋~~


相關文章