天天看點

部落格園文章編輯器5.0版本釋出(markdown版)

注意:使用本軟體前,需先在部落格園背景設定預設編輯器為markdown

廢話少說,先上界面圖檔:

部落格園文章編輯器5.0版本釋出(markdown版)
部落格園文章編輯器5.0版本釋出(markdown版)

(後來我自己發現了一些問題,于是偷偷發了部落格園文章編輯器的4.0.1版本,也沒通知大家,不過好在有自動更新功能)

當時有很多朋友問我,這個工具支援不支援markdown,

我覺得寫markdown的人還是挺多的,

調查了部落格園确實支援markdown編輯器,

而且我開發了markdown的編輯器,對于那些使用HTML富文本編輯器的使用者來說,也很容易上手,沒太大改變,

還能使他們通過我的編輯器學習一點markdown的文法知識,何樂而不為呢?!

說實話,我确實低估了開發這個東西的難度

本打算到github上随便拉一個來,

嵌到nwjs裡去就可以了,

然而看了幾個高分項目,都不合我意。

(不過,說真心話還是要感謝這些項目,我寫這個工具參考了很多這些開源項目的源碼)

我覺得這個項目最主要的難點是:

找一個合适的編輯器

編輯視窗與預覽視窗滾動條同步

和部落格園官網通信通道打通

好在這些難點我都克服了

現在你看到的東西,就是這一陣子斷斷續續努力的成果

這裡羅列的是所有的我覺得重要的功能

兩欄布局,左邊欄編寫markdown内容,右邊欄實時預覽;

左右兩邊欄滾動條同步滾動

允許使用者拖拽調整左右兩邊欄寬度

支援最基本的markdown文法(連結、表格、标題、加粗、斜體、引用、有序無序清單,代碼、橫線等)

部落格登入(引入部落格園的登入畫面,使用官方提供的登入機制)

檢索曆史文章(可以檢索到你部落格園内所有的随筆文章,支援分頁)

修改文章(你部落格園内所有的曆史随筆文章,都可以用此工具編輯修改)

新增文章(從無到有撰寫一篇新的随筆文章,預設儲存為草稿)

截圖工具截圖後直接黏貼到編輯器中(圖檔儲存在部落格園的伺服器上)

純用戶端,直接與部落格園服務端通信

純綠色版,不需要安裝,沒有額外的服務,體積更小;

自動更新功能(我釋出新版本之後,會提示您更新);

最最關鍵的還是開源!(照着這個代碼寫個淘寶下單器之類的東西,簡直易如反掌)

相對于上一個版本,做了一些UI/UE美化工作;

強烈希望大家能給個star;

這讓我知道你在用;

這讓我有動力繼續做一些對大家有用的東西;

第一段代碼是用于控制滾動條同步滾動的:

第二段代碼,是用于插入markdown特有文法符号的

上一篇: sete 指令
下一篇: c指針的傳遞

繼續閱讀