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

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

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

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

下面羅列出我所理想的 Markdown 編輯器的痛點(diǎn)需求：

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

環(huán)境搭建

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

Electron

使用 JavaScript, HTML 和 CSS 構(gòu)建跨平臺的桌面應(yīng)用

https://electronjs.org/

初次使用 Electron，我們下載回來運(yùn)行看看：

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

# 進(jìn)入這個(gè)倉庫
$ cd electron-quick-start

# 安裝依賴并運(yùn)行
$ npm install && npm start

本文題目：利用Electron簡單擼一個(gè)Markdown編輯器的方法-創(chuàng)新互聯(lián)
分享地址：http://m.jiaotiyi.com/article/gepgg.html