为CKeditor加上SyntaxHighlighter支持

作为一个以技术内容为主的blog,没有代码高亮怎么行,可是sablog 2.0使用的CKeditor没有代码高亮插件,我只好找啊找。。。

废话不多说,你首先需要SyntaxHighlighter,它才是让你的代码高亮起来的关键。

然后我们要为Ckeditor添加一个插件,来让它为我们生成能被SyntaxHighlighter识别的代码,这个插件最初是在这里找到的,但是貌似作者很久没更新了,而SyntaxHighlighter更新了,所以产生一个bug,设置选项里有一个不能被SyntaxHighlighter识别的属性,只好自己改一下了,顺便汉化了一下~

放两个插件界面演示图:

sh_plugin_1.png

sh_plugin_2.png

功能还是很多的,能设置起始行号,突出某行等。代码效果请看我的其它日志,比如这篇

使用方法:

  1. 解压附件到plugins (sablog2.0在include\editor\plugins)
  2. 打开CKeditor目录下的config.js文件,添加两行
    config.extraPlugins = 'syntaxhighlight';
    config.toolbar_Full.push(['Code']);
  3. 打开你的编辑器,开始插入代码吧~

2010-02-27 该插件有bug,请到这里下载更新版本

分享这篇文章 »


无觅相关文章插件,快速提升流量