为CKeditor加上SyntaxHighlighter支持
作为一个以技术内容为主的blog,没有代码高亮怎么行,可是sablog 2.0使用的CKeditor没有代码高亮插件,我只好找啊找。。。
废话不多说,你首先需要SyntaxHighlighter,它才是让你的代码高亮起来的关键。
然后我们要为Ckeditor添加一个插件,来让它为我们生成能被SyntaxHighlighter识别的代码,这个插件最初是在这里找到的,但是貌似作者很久没更新了,而SyntaxHighlighter更新了,所以产生一个bug,设置选项里有一个不能被SyntaxHighlighter识别的属性,只好自己改一下了,顺便汉化了一下~
放两个插件界面演示图:
功能还是很多的,能设置起始行号,突出某行等。代码效果请看我的其它日志,比如这篇。
使用方法:
- 解压附件到plugins (sablog2.0在include\editor\plugins)
-
打开CKeditor目录下的config.js文件,添加两行
config.extraPlugins = 'syntaxhighlight';
config.toolbar_Full.push(['Code']); - 打开你的编辑器,开始插入代码吧~
2010-02-27 该插件有bug,请到这里下载更新版本


