Flask-CKEditor——为Flask项目集成富文本编辑器

CKEditor是一个富文本编辑器,也就是WYSIWYG编辑器(所见即所得编辑器)。为了简化将CKEditor集成到Flask项目中的过程,就有了Flask-CKEditor。

Flask-CKEditor提供了一个CKEditorField,和你平时从WTForms导入的StringField、SubmitField用法相同。事实上,它就是对WTForms提供的TextAreaField进行了包装。初次之外,它还包含下面这些特性:

我的第一个Chrome扩展:GhostPage(网页X光)

没有接触过Chrome扩展的时候,觉得它一定很复杂。crx的后缀也让我猜不出是用什么语言编写的,现在才发现不过就是HTML+CSS+JavaScript……

这个扩展本身很简单,实际只有一行代码。Google提供了一个非常好的入门指导,过一遍基本上就可以编写简单的扩展了。这个扩展作用也就是通过去掉页面样式来检查页面结构(参考这篇文章),可以用来解决下面的问题:

Flask-Dropzone:为你的项目添加文件上传功能

前几天在Stack Overflow上看到一个关于Dropzone.js的问题设了100rep的bounty,就去研究了一下。拿到bounty后,顺便写了一个小demo。这时发现,如果有一个集成Dropzone.js到Flask,并且简化设置步骤的扩展,肯定要比其他上传方式要简单的多。

编程名词辨析(5×10’)

在和很多同学的交流中,发现有些编程词语被误用了。今天我们来辨析一下。

我简化了大部分解释,如果需要了解更多,请点链接。如果发现有错,请指正。

包(package)和模块(module)

:一个包含__init__.py文件的文件夹就是一个包,这个文件夹里可以放多个Python模块。比如:

用Flask从零实现豆瓣相册

这是我在知乎专栏 – Hello, Flask!上连载的一个教程,这篇作为目录会持续更新。

被新年绑架,一个月忙忙碌碌,现在终于有时间继续写专栏。本来想先写其他的实践,比如便签本、个人博客,但这些都和《Flask Web开发》的Flasky差不多,没什么好写的。想着干脆先把这个相册实现了。

图片墙生成器

用Flask重写了图片墙生成器。

Github项目:https://github.com/greyli/image-wall
图片墙Demo:http://fanxiangce.com/demo1(旧Demo)

主要变化

和之前的Python版本相比的变动:

  • 实现了上传功能
  • 优化了CSS和JS代码
  • 简化了页面元素,去掉了没用的赞助页面
  • 把HTML分离出Python,代码结构更清晰

实现步骤

1、用户上传图片;

2、生成用户文件夹,重命名图片;

3、根据图片数量分配相应的行列图片数量,并为每一张图片生成三维坐标;

2016年总结

编程

今天只做了几个小Demo。从Github的提交可以看出来,一到寒暑假,工作就断断续续了。

github

在Stack Overflow回答问题

从九月开始在Stack Overflow上答题,一共写了35个回答,获得535reputation。

stack overflow

写知乎专栏

从十一月开始,在知乎开了一个关于Flask编程的专栏,写了30篇文章,获得2000+关注。