归档 2014年8月

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事件

CKEditor文本编辑器是一款旨在简化Web内容编辑的即用（ready for use）的HTML文本编辑器。它是一款所见即所得（WYSIWYG）的编辑器，涵盖了常用的文本编辑功能。CKEditor是一款开源的应用，也就是说开发者可以根据实际需求修改源码。下面是CKEditor的实例

这是一个CKEditor的实例。

django-blog-zinnia的生态系统提供了对ckeditor编辑器的支持

具体配置过程如下：

一、配置django-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，可以很方便的在页面上嵌入一个评分组件，如下所示：