源起

最近个人时间多起来了;

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

前面写了两篇关于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').contentWindowframe.$.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.0版发布相关推荐

  1. 在线文本替换工具 、支持正则表达式(博客园文章里添加Javascript或<script>语句)

    概况与介绍 在博客园发布一篇文章,文章就是<在线文本替换工具 .支持正则表达式>https://www.cnblogs.com/lsllll44/articles/15522697.htm ...

  2. 让博客园的编辑器自动上传外链图片

    让博客园的编辑器自动上传外链图片 我经常翻译国外的文章,遇到这么个需求.如果要翻译的文章中包含了图片,那么复制到博客园的时候图片肯定是引用原网站的了.如果原网站是个人博客(任何时候域名都可能失效),或 ...

  3. markdown mysql高亮_修改博客园markdown编辑器代码高亮风格的方法

    作为一个工程师,追求极致与艺术也应当成为我们生活中的一部分,作为自己的心爱之物--博客,当然也得装扮一下,我对代码高亮有自己所喜欢的风格~还好程序员的世界总是共通的,已经有前辈开发了一些代码高亮的样式 ...

  4. 博客园文章方块背景格式

    有小伙伴问到方格背景的问题,所以写一篇文章记录我的博客园文章背景是如何制作的. 一.辅助网站1. 一键排版2. 代码主题3. 复制二. 图床设置 一.辅助网站 辅助网址:Md2All 作者提供了一篇帮 ...

  5. 一个可编辑与新增博客园文章的 Python 脚本

    我的个人独立博客是基于 Hexo 搭建的,因为小站,Google 搜索引擎收录文章比较慢,还搜不到 很多人学习python,不知道从何学起. 很多人学习python,掌握了基本语法过后,不知道在哪里寻 ...

  6. 一个最简单的博客园文章密码暴力破解器-python3实现

    一个最简单的博客园文章密码暴力破解器-python3实现 我之前想写路由器的密码暴力破解器,我手上只有极路由,发现极路由有安全限制,只能允许连续10密码错误,所以我改拿博客园练手. 博客园的博客有个功 ...

  7. python密码破解工具_一个最简单的博客园文章密码暴力破解器-python3实现

    一个最简单的博客园文章密码暴力破解器-python3实现 我之前想写路由器的密码暴力破解器,我手上只有极路由,发现极路由有安全限制,只能允许连续10密码错误,所以我改拿博客园练手. 博客园的博客有个功 ...

  8. [开源] 分享导出博客园文章成本地 Markdown 文件存储的工具

    此文主要分享了如何将自己博客园的文章自动导出到 Markdown 文档进行存储,以便在本地进行归档管理,程序中也对文章的分类.tag.代码块以及文章中的图片进行了保存处理,以便上传到自己的图. 整理后 ...

  9. 博客园文章自动生成导航目录

    文章如果比较长的话,子标题很难找,文章结构没法一目了然,如果有一个导航目录靠在边栏就好了 看了很多园子里其他的文章,js和css挺长的,怕用不好,干脆自己尝试写一个 一.要实现的功能 1.自动生成 不 ...

最新文章

  1. Linux Gedit 打开txt文件乱码
  2. 水电缴费系统php源码_简易水电费管理系统源程序代码
  3. boost::hof::apply_eval用法的测试程序
  4. ARM指令寻址方式之: 内存访问指令寻址
  5. 双击程序后系统弹框“您无权访问此程序”的解决办法
  6. .NET 实现自定义ContextUser的Identity和Principal实现自定义用户信息,权限验证。
  7. python爬虫抖音音浪_【Python爬虫】抖音去水印
  8. ASP.Net学习笔记012--12ViewState初探
  9. 每位开发者都应了解的数据库一致性!
  10. windows安装php和mysql
  11. 钉钉扫码登录第三方_e签宝联合钉钉升级产品功能,共建企业服务生态闭环
  12. Android之apk优化
  13. 关与 @EnableConfigurationProperties 注解
  14. coreldraw怎样定数等分_CorelDRAW基础教程,教你cdr如何等分分割图片
  15. 股票量化交易系统的指标和策略有哪些?
  16. 中通快递信息怎么批量导出到表格呢?
  17. stm32使用各种传感器的教程
  18. Sprite 3D用法和相关特性详解
  19. 关于Xcode修改APP名称
  20. switch初始化说服务器维护中,switch国行怎么初始化-switch国行初始化教程

热门文章

  1. Angular - - $sce 和 $sceDelegate
  2. 详解zabbix中文版安装部署
  3. JS-arguments分析
  4. MySQL 自增ID
  5. 局域网DVD yum源的制作
  6. 远程控制软件VNC教程和对内网机器控制的实现
  7. 我所感兴趣的iOS10新特性
  8. Foxmail6密码获取案例
  9. Javascript内置对象新增接口列表
  10. 四个Webix实例:生成多种类型的JavaScript列表