zTree是一款基于jQuery的js树形插件，可以将树形结构的数据以可折叠的树状图的形式进行展现，该组件的Github项目地址为：https://github.com/zTree/zTree_v3。
本文以行政区划树状图为例，简述zTree插件的使用过程。
访问国家民政部网站的URL：http://www.mca.gov.cn/article/sj/tjbz/a/2016/201605/20160506281034.html，可以查看2016年5月中华人民共和国县以上行政区划代码。
访问国家统计局网站的URL：http://www.stats.gov.cn/tjsj/tjbz/xzqhdm/201504/t20150415_712722.html，即可浏览最新县及县以上行政区划代码（截止2014年10月31日）。
将页面上的行政区划正文复制并保存在一个文本文件中 ...
使用CKEditor编辑HTML文本时，有时可能需要插入带有样式的空标签，例如显示glyphicons图标的<i>标签：
<i class="glyphicon glyphicon-user"></i>
但是，默认设置下，CKEditor会过滤掉空的<i>标签。
在ckeditor.config.js中添加如下代码即可实现在CKEditor (4.3.x)编辑器中插入一个带有样式的空的<i>标签：
// allow i tags to be empty (for font awesome)
config.protectedSource.push(/<i[^>]><\/i>/g);
CKEDITOR.dtd.$removeEmpty['i'] = false;
config ...
jQuery嵌套事件绑定时，如果逻辑处理不当，有时会出现事件重复绑定的问题，例如下面的例子。
点击“添加文本框”按钮时，会在div中新增一个textarea，同时使用bind方法为class为demo-textarea的元素绑定click事件
jQuery事件重复绑定Demo，点击“新增文本框”按钮追加textarea
点击textarea弹出提示，重复添加时会重复绑定 ...
CKEditor文本编辑器是一款旨在简化Web内容编辑的即用（ready for use）的HTML文本编辑器。它是一款所见即所得（WYSIWYG）的编辑器，涵盖了常用的文本编辑功能。CKEditor是一款开源的应用，也就是说开发者可以根据实际需求修改源码。下面是CKEditor的实例
1. 从https://github.com/shaunsephton/django-ckeditor/下载django-ckeditor的源码压缩包，解压后将ckeditor目录拷贝至django项目的工程目录下
2. 在settings.py文件的INSTALLED_APPS数组中添加ckeditor
3. 执行collectstatic管理命令manage.py collectstatic（或者将django-ckeditor源码目录/static/下的/ckeditor/手工拷贝至django工程项目的静态文件目录STATIC_ROOT下）
4. 在项目配置文件settings.py中添加CKEDITOR_UPLOAD_PATH配置 ...
使用jQuery Raty，可以很方便的在页面上嵌入一个评分组件，如下所示：