Highlightjs 8.0新特性

Highlightjs(下载地址:http://highlightjs.org/download/)是一款简单易用的语法高亮插件

它具有如下特征:

  • 支持71种语言和44种样式
  • 自动化语言侦测判别
  • 多语言代码高亮
  • node.js可用
  • 可以与markup一同使用
  • 兼容所有的js框架

Highlightjs于2014-01-08发布了8.0版。这个发行版提供了一些崭新特性的同时,将不再向后兼容某些旧版本中存在的特征。
不过,大多数用户应当不会受到这些向后不兼容特性的影响:自述文件中描述的基本使用场景依旧保持不变。

不再向后兼容的特性:

现在默认对CSS类引用中的所有类加上了hjls前缀,因为其中的一些类名可能会与其它的样式表发生冲突。
如果你使用的是highlightjs的老版本,也许想要升级highlight的同时依旧保留其原来的行为。
为了抑制这些新的特性,你可能需要这样进行初始化:

<script type="text/javascript">
  hljs.configure({classPrefix: ''});
  hljs.initHighlightingOnLoad();
< ...

继续阅读

tinymce4.0添加自定义表情

tinymce 4.0自带了16个表情

我们可以使用一种Hack的方式为tinymce添加自定义gif格式的表情

步骤如下:

1. 在tinymce/plugins/emoticons/img目录下添加格式为gif的表情图片

2. 在tinymce.js(tinymce.min.js)中找到包含["cool","cry","embarassed","foot-in-mouth"]的list变量

3. 将新添加的自定义表情图片的文件名以列表的形式插入步骤2找到的list中

效果如下图所示:

截图如下:(在默认表情列表前添加了4个新表情)

自定义表情

Django Zinnia文本编辑器简介

Django Zinnia(v0.13)提供了对3款文本编辑器的支持,分别是wymeditor,tinymce以及markitup,其中wymeditor是缺省编辑器。

WYMeditor 是一个基于Web浏览器的可视化HTML编辑器,界面如下图所示:

WYMeditor

markItUp! 并不是全功能的编辑器,它是一个非常轻量级、可定制的灵活引擎,适合 CMS、博客、论坛等网站。makrItUp 并不是所见即所得的,以后也不会是。

markItUp

TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,支持目前流行的各种浏览器,由JavaScript写成。功能配置灵活简单(两行代码就可以将编辑器嵌入网页中),支持AJAX。另一特点是加载速度非常快,如果你的服务器采用的脚本语言是 PHP,那还可以进一步优化。最重要的是,TinyMCE是一个根据LGPL license发布的自由软件,你可以把它用于商业应用。OSChina采用的就是TinyMCE编辑器,下图是此编辑器最新版本(v4.0 ...

继续阅读

Django Zinnia博客更换Bootstrap主题

Bootstrap是Twitter推出的一个开源的前端开发工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,由动态CSS语言Less写成,在业界享有很高的知名度。

Django Zinnia博客提供了一套基于Bootstrap 3的模板主题zinnia-theme-bootstrap,可以很方便地集成Bootstrap的主题风格。

zinnia-theme-bootstrap主题安装的前置依赖条件见下表:

前置依赖 URL
six https://pypi.python.org/pypi/six
django-app-namespace-template-loader https://github.com/Fantomas42/django-app-namespace-template-loader

1. 下载上述源码包,分别将zinnia_bootstrap目录six.py以及 ...

继续阅读

书影博客搭建历程

2014/2/4

在Github上找到Zinnia项目,完成本地调试

2014/2/5

Zinnia v0.13成功部署至SAE,使用默认编辑器转载了数篇日志,但默认编辑器易用性不太理想 %>_<%

2014/2/6

1. 修改了书影博客的编辑器,从默认编辑器变更为django-tinymce

2. 修改了书影博客的主题,从默认主题变更为zinnia-theme-bootstrap

2014/2/8

1. 更新了tinymce的版本(从3.0到4.0),集成了codemirror代码高亮插件

2. 使用highlight.js做代码高亮显示

2014/2/9 ...

继续阅读