当前位置: 首页 > 编程日记 > 正文

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

多谢大家点赞支持

相关文章:

C#中Timer组件用法

Timer组件是也是一个WinForm组件了&#xff0c;和其他的WinForm组件的最大区别是:Timer组件是不可见的&#xff0c;而其他大部分的组件都是都是可见的&#xff0c;可以设计的。Timer组件也被封装在名称空间System.Windows.Forms中&#xff0c;其主要作用是当Timer组件启动后&am…

微软全球副总裁洪小文:应对数字化转型挑战,跨界共创正当时

2021年6月16日&#xff0c;以“跨界共创”为主题的第四届微软亚洲研究院创新论坛在北京举办。今年&#xff0c;大会讨论的主题围绕“跨界创新”&#xff0c;数十家来自不同行业的企业代表&#xff0c;与微软亚洲研究院的计算机科学家就跨领域融合创新、共创精神推进数字化转型、…

Away3d 骨骼动画优化

很多朋友说Away3D 的骨骼数限制在32根&#xff0c;确切的说应该是Stage3D 的限制。在 AGAL2.0之前 VC寄存器是128个&#xff0c;每个vc常量寄存器最大只能容纳4位&#xff0c;transform占用一个4*4的矩阵&#xff0c;所以如果把一个transform存进vc里面&#xff0c;需要到4个寄…

postgresql中COPY的用法

一.测试创建表&#xff1a;[postgrescacti ~]$ cat test.sql CREATE TABLE weather ( city varchar(80), temp_lo int, temp_hi int, prcp real,date date);二.导入test.sql文件生成表&#xff1a;testdb01> \i test.sql***(Single step mode: verify command)*************…

C#中虚方法重载

在&#xff23;&#xff03;中&#xff0c;进行虚方法的重载有些体会&#xff0c;现与大家分享。 首先请大家看看下面的例子&#xff0c; using System; abstract public class contact { public virtual string prinf() { return ("这是虚方法"); } } publi…

Unity 4.x游戏开发技巧集锦(内部资料)

2019独角兽企业重金招聘Python工程师标准>>> Unity 4.x游戏开发技巧集锦&#xff08;内部资料&#xff09;淘宝书店地址&#xff1a;http://item.taobao.com/item.htm?spma1z10.3.w4002-6661947338.36.FdOZqM&id40302732808试读样章下载地址&#xff1a;http:/…

百度CTO王海峰阐释AI融合创新,降低门槛,按下产业智能化加速键

6月17-18日&#xff0c;第五届未来网络发展大会在南京隆重开幕。大会由中华人民共和国科学技术部、中国工程院、中国科学技术协会、江苏省人民政府指导&#xff0c;南京市人民政府主办&#xff0c;以“努力成为世界主要科学中心和创新高地的使命担当”为主线&#xff0c;邀请国…

[LeetCode系列]最大连续子列递归求解分析

本文部分参考Discuss: LeetCode. 步骤1. 选择数组的中间元素. 最大子序列有两种可能: 包含此元素/不包含. 步骤2. 步骤2.1 如果最大子序列不包含中间元素, 就对左右子序列进行步骤1. 步骤2.2 如果最大子序列包含, 则结果很简单, 就是左子列的最大后缀子列(即包含左子列最后一个…

C#中的多线程编程

C#是.Net平台的通用开发工具&#xff0c;它能够建造所有的.Net应用。在.Net中所有线程都运行在应用程序域(AppDomain)中&#xff0c;这也许让你想到Win32进程&#xff0c;实际上它们还是有很大的不同。应用程序域提供了一种安全而通用的处理单元&#xff0c;公共语言运行库可使…

关于机器学习,不可不知的15个概念

‍‍作者&#xff1a;布奇昆托&#xff08;Butch Quinto&#xff09;来源&#xff1a;大数据DT&#xff08;ID&#xff1a;hzdashuju&#xff09;有监督学习有监督学习是利用训练数据集进行预测的机器学习任务。有监督学习可以分为分类和回归。回归用于预测“价格”“温度”或“…

常用API(Object、String、StringBuffer、用户登陆注册)

常用API 今日内容介绍 u Object u String u StringBuilder 第1章 Java的API及Object类 在以前的学习过程中&#xff0c;我们都在学习对象基本特征、对象的使用以及对象的关系。接下来我们开始使用对象做事情&#xff0c;那么在使用对象做事情之前&#xff0c;我们要学习一些API…

WMI列出磁盘配额

using System; using System.Management; namespace DiskQuota { /// <summary> /// Class1 的摘要说明。 /// </summary> class Class1 { /// <summary> /// 应用程序的主入口点。 /// </summary> [STAThread] static void Main(string[] args) { try…

VS2013 编译使用 stlport

1. 下载stlport. 下载地址:http://sourceforge.net/projects/stlport/ 2. 解压到一个目录下面, 我的是解压到D:\project_kuku\program\library\STLport-5.2.1 3. 打开vs2013的命令行工具, 在目录:C:\Program Files\Microsoft Visual Studio 12.0\Common7\Tools\Shortcuts\ 下…

盛夏海边,用Python分析青岛哪些景点性价比高

作者 | 志斌来源 | 志斌的python笔记头图 | 付费下载于 IC Photo在经过几年的热潮之后&#xff0c;人工智能AI算法已经在各行各业广泛使用了。例如在工业制造中&#xff0c;利用人工智能监测仪器仪表、人员的违规与高危行为&#xff1b;利用图形AI算法进行材料质检&#xff1b;…

EnterLib PIAB又一个BUG?

在《这是EnterLib PIAB的BUG吗&#xff1f;》一文中我们讨论了PIAB关于抽象基类的BUG&#xff0c;今天又发现了一个新的问题。问题的起因源于《IoCAOP的简单实现》这篇文章&#xff0c;因为文中给出的解决方案仅仅支持构造器注入&#xff08;Constructor Injection&#xff09;…

【SQL Server】系统学习之一:表表达式

本节讨论的相关内容包括&#xff1a;视图、派生表、CTE、内联表值函数 场景&#xff1a;如果要查询一组数据&#xff08;例如聚合数据&#xff0c;也就是几个表聚合在一起的数据&#xff09;&#xff0c;这些数据并未在数据库中以表的形式存在。 1、视图&#xff1a;通常用来分…

C语言中字符数组和字符串指针分析

写下面的测试程序&#xff1a;#include <stdio.h> int main(int argc, char *argv[]){char day[15] "abcdefghijklmn"; char* strTmp "opqrstuvwxyz";printf("&day is %x\n",&day); printf("&day[0] is %x\n",&…

这篇论文,透露谷歌团队构想的“未来搜索”

作者 | 青苹果来源 | 数据实战派头图 | 付费下载于 IC Photo传统的信息检索&#xff08;IR, Information Retrieval&#xff09;系统&#xff0c;并不直接回应信息需求&#xff0c;而仅提供对内容的参考。排序&#xff08;Ranking&#xff09;是该范式的关键组成部分。这样的检…

selenium+python自动化81-html报告优化(饼图+失败重跑+兼容python23)

优化html报告 为了满足小伙伴的各种变态需求&#xff0c;为了装逼提升逼格&#xff0c;为了让报告更加高大上&#xff0c;测试报告做了以下优化&#xff1a; 测试报告中文显示&#xff0c;优化一些断言失败正文乱码问题新增错误和失败截图&#xff0c;展示到html报告里优化点击…

C#的多线程机制

一.多线程的概念 Windows是一个多任务的系统&#xff0c;如果你使用的是windows 2000及其以上版本&#xff0c;你可以通过任务管理器查看当前系统运行的程序和进程。什么是进程呢&#xff1f;当一个程序开始运行时&#xff0c;它就是一个进程&#xff0c;进程所指包括运行中…

知乎 CTO 李大海:创业公司如何拥抱开源

由计算机学会主办的 CCF C 活动近日走进知乎。知乎合伙人兼 CTO 李大海、搜狗 CEO 王小川、华东师范大学教授王伟在内的企业界、学界技术代表齐聚&#xff0c;带来一场精彩的技术分享盛宴。 围绕「创业公司如何拥抱开源」的分享主题&#xff0c;知乎合伙人兼 CTO 李大海首次披…

如何居中一个浮动元素?

2019独角兽企业重金招聘Python工程师标准>>> 1.<!DOCTYPE html> <html> <head> <meta charset"UTF-8"> <title>center</title> <style type"text/css"> .p{ position:relative; float:left; left:50…

javascript promise编程

在loop中使用promise: https://stackoverflow.com/questions/17217736/while-loop-with-promises 转载于:https://www.cnblogs.com/kidsitcn/p/7745973.html

bzoj1295

考虑到这道题n&#xff0c;m都很小&#xff0c;我们考虑先穷举起点i 下面我们要做的是找出移走k个障碍后&#xff0c;点i所能到的最大距离 我们可以把这个问题转化为判定性问题 对于一对点i,j,如果他们之间存在一条路径&#xff0c;障碍数&#xff08;包括起点终点&#xff09;…

C#程序可将文本文件藏于位图中,也可导出

//使用方法&#xff1a; // BmpSafe.exe /file2bmp (input BMP) (input file to hide) [output file] //BmpSafe.exe /bmp2file (data BMP) [output file] using System; using System.IO; using System.Drawing; public class Bitmap24Writer { protected Bitmap bmp; …

溢价 5 倍欲将 SiFive 收入麾下,英特尔的绝地反击战

作者 | 马超责编 | 张红月出品 | CSDN&#xff08;ID&#xff1a;CSDNnews&#xff09;受任于败军之际&#xff0c;奉命于危难之间。近几年硅谷史上的传奇、英特尔几位掌门葛洛夫与欧德宁相继离世&#xff0c;虽然他们早已脱离一线多年&#xff0c;但是他们的离去可能还是让英特…

教你用Vue渐进式搭建聊天室,从JavaScript=TypeScript

前言 VueSocket.io这个轮子已经有很多人造过了&#xff0c;为了不重复造轮子&#xff0c;我将本项目以三阶段实现&#xff08;大家可以在github中的Releases查看&#xff09;&#xff1a; 纯前端&#xff08;Vuex&#xff09;后端前端&#xff08;JavaScript&#xff09;后端前…

如何学习linux编程

如果想学习UNIX/LINUX的编程&#xff0c;《APUE》绝对经典的教材&#xff0c;加深一下功底&#xff0c;学习《UNP》的第二卷。这样基本上系统方面的就可以掌握了。如果继续网络编程&#xff0c;建议看《TCP/IP进行网际互连》的第三卷&#xff0c;里面有很多关于应用协议telnet、…

HTML中的form表单有一个关键属性 enctype

HTML中的form表单有一个关键属性 enctype&#xff1d;application/x-www-form-urlencoded 或multipart/form-data。 1、enctype"application/x-www-form-urlencoded"是默认的编码方式&#xff0c;当以这种方式提交数据时&#xff0c;HTTP报文中的内容是&#xff1a; …

赠书 | JavaScript 武力值飙升!用 TensorFlow.js 轻松在浏览器里搞深度学习

近年来&#xff0c;AI 与人类的生活越来越紧密&#xff0c;慢慢变得无处不在。那么提到 AI &#xff0c;我们会想到什么&#xff1f;小编最先想到的是机器人。早在小学作文中&#xff0c;我就写到 2021 年到处都是机器人&#xff0c;机器人汽车到处飞。结果 2021 年到来&#x…