pjblog文章源码高亮显示的方法
一直在用pjblog博客,突然发现,自己贴的文章里源码没有进行高亮显示,这其实对于前台体验是很不友好的,我比较习惯于FCKeditor编辑器来编写文章,容易控制,而对于FCKeditor的高点显示,其实在pjblog论坛里已经有了解决方法,其实质就是修改FCKeditor编辑器和CSS控制样式来达到支持多种语言高亮,支持代码滑动收缩展开,支持代码复制,支持HTML代码运行、另存为,这也算是一个FCKeditor代码高亮的一个插件吧。
安装方法:
1、首先解压压缩包,把解压后的文件夹insertcode放到你的BLOG的FCKeditor\editor\plugins文件夹内(如果insertcode文件夹存在,请先全部删除)
2、退回到FCKeditor目录下,打开编辑器fckconfig.js文件,Ctrl+F查找FCKConfig.plugins.Add关键字的位置向下浏览,看有没有类似这句
FCKConfig.Plugins.Add( 'insertcode');的语句。
如果没有请加入
FCKConfig.Plugins.Add( 'insertcode' , 'zh-cn,en' ) ;
如果有请修改为
FCKConfig.Plugins.Add( 'insertcode' , 'zh-cn,en' ) ;
3、Ctrl+F查找FCKConfig.ToolbarSets["Default"]关键字的位置,修改[ ]内的内容,在你需要放置插入代码图标的地方放置语句'InsertCode'
例如放在如下位置:
['InsertCode','Link','Unlink','Anchor','SpecialChar','Smiley'],
4、保存fckconfig.js文件、安装完成。
使用方法:
用FCKeditor编辑、添加文章,找到图标是123还有三个横杠似的按钮,点击就可以添加代码了。
理论上支持所有pjblog版本的文章源码高亮显示,不过还是建议在修改之前进行数据备份,而且这款修改插件也可以应用研究在其它源码 FCKeditor 编辑器上面,让你的文章系统也添加上源码高亮显示吧。