源起
最近個人時間多起來了;
於是打算持續寫一點東西;
前面寫了兩篇關於riot.js的東西;
被博客園的領導移出首頁了;
原因之一是排版不整齊;
確實是不整齊,這我認,
然而,我自己可是博客園文章編輯器的作者啊,
而且持續寫了三版了,從1.0.0寫到3.0.0;
而且有很多園友也在用我的編輯器寫博客;
(陸續也有人在問我這個工具的下載地址,源碼的問題;)
我自己咋就排班不好文章了呢?
於是翻出以前的工具代碼,
回顧了一下,發現各個版本都還有很多問題沒解決掉;
於是決定大規模重構一遍;
說白了就是重寫一遍啦;
大概一個星期的功夫,於是就有了這個工具;
功能
-
博客登錄(引入博客園的登錄畫面,使用官方提供的登錄機制)
-
檢索歷史文章(可以檢索到你博客園內所有的隨筆文章,支持分頁)
-
修改文章(你博客園內所有的歷史隨筆文章,都可以用此工具編輯修改)
-
新增文章(從無到有撰寫一篇新的隨筆文章)
-
QQ截圖直接黏貼
-
純客戶端,不需要網絡服務器支持,直接與博客園服務端通信
-
純綠色版,不需要安裝,沒有額外的服務,體積更小;
-
自動升級功能(我發布新版本之后,會提示您升級);
-
引入百度ueditor編輯器
-
7個大類的表情,隨意挑選
-
24種語言的代碼着色方案
-
多種表格控制工具
-
修復了很多ueditor尚未修復的BUG
-
最最關鍵的還是開源!(照着這個代碼寫個淘寶下單器之類的東西,簡直易如反掌)
功能上比上三個版本提升了不少,有質的飛躍!
界面
文章撰寫界面:
右側快捷菜單:
歷史文章列表:
這知識幾個關鍵界面
里面還有一些細小的提示畫面
就不在一一截圖了
開源
開源地址:
https://gitee.com/xland/cnblogs
(這次開源到碼雲上,速度確實比github快不少,原來再github上的項目我以后會廢棄掉)
大家發現什么問題可以直接提issue
如果大家期待什么新功能,也可以提issue;
下載地址:
https://gitee.com/xland/cnblogs/releases
支持
強烈希望大家能給個star;
這讓我知道你在用;
這讓我有動力繼續做一些對大家有用的東西;
最后插一段關鍵代碼:
bky.uploadImg = function(event,cb){ var items = event.clipboardData.items; if(items[0].type.indexOf("image") < 0){ return; } var file = items[0].getAsFile(); var formData = new FormData(); formData.append('imageFile', file); formData.append("mimeType", file.type); var frame = document.getElementById('articleFrame').contentWindow frame.$.ajax({ type: 'POST', url:bky.imgUploadUrl, data: formData, processData: false, contentType: false, dataType: 'json', xhrFields: { withCredentials: true }, success: function(result) { if(result.success){ var img = '<img src="' + result.message + '" />'; cb(img); } } }); }
多謝大家點贊支持