【开源】博客园文章编辑器4.0版发布

简介: 源起 最近个人时间多起来了; 于是打算持续写一点东西; 前面写了两篇关于riot.js的东西; 被博客园的领导移出首页了; 原因之一是排版不整齐; 确实是不整齐,这我认, 然而,我自己可是博客园文章编辑器的作者啊, 而且持续写了三版了,从1.

源起

最近个人时间多起来了;

于是打算持续写一点东西;

前面写了两篇关于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);
            }
        }
    });    
}

 

 

多谢大家点赞支持

 

 

 

目录
相关文章
|
4月前
|
程序员 Linux iOS开发
一款比Typora更简洁优雅的Markdown编辑器神器(完全开源免费)
一款比Typora更简洁优雅的Markdown编辑器神器(完全开源免费)
191 1
|
5天前
|
API C# Windows
一个.NET开源、现代、轻量级的文本编辑器
一个.NET开源、现代、轻量级的文本编辑器
|
28天前
|
小程序 API 容器
ProFlow 流程编辑器框架问题之查看ProFlow的开源地址和官网链接如何解决
ProFlow 流程编辑器框架问题之查看ProFlow的开源地址和官网链接如何解决
44 0
|
3月前
|
JavaScript 数据安全/隐私保护 开发者
开源图片编辑器推荐-可用于海报编辑、商品设计、封面设计、标签设计等场景
推荐开源图片编辑器,基于fabric.js和Vue开发,适合海报、Logo等设计场景。拥有4.4K GitHub Stars,特性包括自定义字体、素材、模板,支持插件扩展、右键菜单及快捷键。提供图片滤镜、裁剪、拖拽、PSD导入、水印设置和分类素材管理。适用于非专业设计者,易于二次开发。
开源图片编辑器推荐-可用于海报编辑、商品设计、封面设计、标签设计等场景
|
2月前
|
自然语言处理 Shell 开发者
先文章写在自己的富文本上,痛点,商业模式,支持文章转载,搭建工具------自媒体平台之间快速上传文章的方法,利用自己的富文本编辑器进行上传
先文章写在自己的富文本上,痛点,商业模式,支持文章转载,搭建工具------自媒体平台之间快速上传文章的方法,利用自己的富文本编辑器进行上传
|
2月前
|
前端开发 JavaScript Java
文本----简单编写文章的方法(中),后端接口的编写,自己编写好页面就上传到自己的服务器上,使用富文本编辑器进行编辑,想写好一个项目,先分析一下需求,再理一下实现思路,再搞几层,配好参数校验,lomb
文本----简单编写文章的方法(中),后端接口的编写,自己编写好页面就上传到自己的服务器上,使用富文本编辑器进行编辑,想写好一个项目,先分析一下需求,再理一下实现思路,再搞几层,配好参数校验,lomb
|
2月前
|
JavaScript
文本----简单编写文章的方法(上),自己编写好页面就上传到自己的服务器上,使用富文本编辑器进行编辑
文本----简单编写文章的方法(上),自己编写好页面就上传到自己的服务器上,使用富文本编辑器进行编辑
|
12月前
|
Linux 开发者 Windows
|
XML 开发者 数据格式
开发者社区文章编辑器特殊符号
阿里云开发者社区文章编辑器转义字符输入个别特殊符号会显示异常,需要特殊处理
95 0
开发者社区文章编辑器特殊符号