利用Electron簡單擼一個Markdown編輯器的方法-創(chuàng)新互聯(lián)

Markdown 是我們每一位開發(fā)者的必備技能，在寫 Markdown 過程中，總是尋找了各種各樣的編輯器，但每種編輯器都只能滿足某一方面的需要，卻不能都滿足于日常寫作的各種需求。

成都創(chuàng)新互聯(lián)是工信部頒發(fā)資質IDC服務器商，為用戶提供優(yōu)質的川西大數(shù)據中心服務

所以萌生出自己動手試試，利用 Electron 折騰一個 Markdown 編輯器出來。

下面羅列出我所理想的 Markdown 編輯器的痛點需求：

  • 必須要有圖床功能，而且還可以直接上傳到自己的圖片后臺，如七牛；
  • 樣式必須是可以自定義的；
  • 導出的 HTML 內容可以直接粘貼到公眾號編輯器里，直接發(fā)布，而不會出現(xiàn)格式的問題；
  • 可以自定義固定模塊，如文章的頭部，或者尾部。
  • 可以自定義功能，如：自動載入隨機圖片，豐富我們的文章內容。
  • 必須是跨平臺的。
  • 其它。

環(huán)境搭建

使用 Electron 作為跨平臺開發(fā)框架，是目前最理想的選擇，再者說，如：VS Code、Atom 等大佬級別的應用也是基于 Electron 開發(fā)的。

Electron

使用 JavaScript, HTML 和 CSS 構建跨平臺的桌面應用

https://electronjs.org/

初次使用 Electron，我們下載回來運行看看：

# 克隆示例項目的倉庫
$ git clone https://github.com/electron/electron-quick-start

# 進入這個倉庫
$ cd electron-quick-start

# 安裝依賴并運行
$ npm install && npm start

網站欄目：利用Electron簡單擼一個Markdown編輯器的方法-創(chuàng)新互聯(lián)
標題URL：http://bm7419.com/article16/gepgg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供手機網站建設、外貿網站建設、靜態(tài)網站、云服務器、網站排名、全網營銷推廣

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

網站優(yōu)化排名