【开源】博客园文章编辑器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);
            }
        }
    });    
}

 

 

多谢你们点赞支持