fCys ’s Blog

这几天在研究为FCKeditor 添加代码高亮和运行代码的效果了,已经有所进展了,先把高亮的方法写出来.

研究了code和InsertCode两个插件,后面还是选择用code了但code不支持PHP的语法.

方法:

1.下载code.rar

2.解压code文件夹后直接放到fckeditor里面的plugins目录下(FCKeditoreditorplugins)，默认就是这个目录，可以在fckconfig.js 里面的找到FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ; 这句就是设置你的插件目录.

3.在fckconfig.js里面加入： FCKConfig.Plugins.Add( 'code','ch' ) ; 这样就可以了，下面在你的工具栏设置里面添加 code按钮：'Code'，（注意首字母大写），比如：FCKConfig.ToolbarSets["Default"] = [ ['Source','Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','Image','About','Code'] ] ;

4.把code文件夹里面的code.css文件复制到你网站的CSS文件夹下面,然后到网页头部插入对这个CSS文件的引用

<link rel="stylesheet" href="存放CSS文件的地址/code.css" />

没引用这个文件的话就看不到效果咯



这个高亮的的插件在发CSS代码的时候  当代码中有right的时候会多出一个right来 不知道有人解决这个问题没有,后续更新代码语法高亮+运行代码 的时候会尝试解决的.

Tags: 插件, FCKeditor