【開源】博客園文章編輯器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);
            }
        }
    });    
}

 

 

多謝大家點贊支持

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM