【開源】博客園文章編輯器4.0版發佈

源起

最近我的時間多起來了；

因而打算持續寫一點東西；

前面寫了兩篇關於riot.js的東西；

被博客園的領導移出首頁了；

緣由之一是排版不整齊；

確實是不整齊，這我認，

然而，我本身但是博客園文章編輯器的做者啊，

並且持續寫了三版了，從1.0.0寫到3.0.0；

並且有不少園友也在用個人編輯器寫博客；

（陸續也有人在問我這個工具的下載地址，源碼的問題；）

我本身咋就排班很差文章了呢？

因而翻出之前的工具代碼，

回顧了一下，發現各個版本都還有不少問題沒解決掉；

因而決定大規模重構一遍；

說白了就是重寫一遍啦；

大概一個星期的功夫，因而就有了這個工具；

功能

1. 博客登陸（引入博客園的登陸畫面，使用官方提供的登陸機制）

2. 檢索歷史文章（能夠檢索到你博客園內全部的隨筆文章，支持分頁）

3. 修改文章（你博客園內全部的歷史隨筆文章，均可以用此工具編輯修改）

4. 新增文章（從無到有撰寫一篇新的隨筆文章）

5. QQ截圖直接黏貼

6. 純客戶端，不須要網絡服務器支持，直接與博客園服務端通訊

7. 純綠色版，不須要安裝，沒有額外的服務，體積更小；

8. 自動升級功能（我發佈新版本以後，會提示您升級）；

9. 引入百度ueditor編輯器

1. 7個大類的表情，隨意挑選

2. 24種語言的代碼着色方案

3. 多種表格控制工具

4. 修復了不少ueditor還沒有修復的BUG

10. 最最關鍵的仍是開源！（照着這個代碼寫個淘寶下單器之類的東西，簡直易如反掌）

  

功能上比上三個版本提高了很多，有質的飛躍！

 

界面

文章撰寫界面：

右側快捷菜單：

歷史文章列表：

 

這知識幾個關鍵界面

裏面還有一些細小的提示畫面

就不在一一截圖了

開源

開源地址：

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);
            }
        }
    });    
}

 

 

多謝你們點贊支持