FCKEditor代码高亮插件UGeSHi-GeSHi版
代码亮亮 FCKeditor 显示源码
下面是FCKeditor代码亮亮插件UGeSHi的介绍。这个插件对我们这种经常分享一些代码的发布者来说非常有用。本站上一篇文章“jquery操作元素具备唯一性”是一次篇采用这个插件发布的。因为web,所以html理当最先考虑使用,像上面这篇文,虽然是使用jQuery写的javascript代码,但是由于代码中含有部分html代码,所以如果不选用html语言的话,文章将会混乱。
因此我觉得选择语言的标准不是你真的使用什么语言,而首先要考察一下,你的代码中,是否使用了html代码,如果有,选择html,如果没有,再考虑具体使用了那个程序语言。
以下文字来自:http://www.phplamp.org/2008/11/fckeditor-fck-geshi-ugeshi-highlight-plugin/
什么是UGeSHi?UGeSHi是一个连接器,它把FCKEditor与GeSHi(采用PHP编程语言写的代码高亮插件,目前它已能高亮100多种程序语言)紧密的结合在一起,您可以称为它为FCK插件,也可以称它为连接器(因为代码高亮的核心文件不是本人编写,本人只编写了其与FCKEditor整合的过程)。
UGeSHi的功能:高亮程序代码,使程序代码美观且易读。
为什么采用GeSHi作为核心文件?原因很简单,因为GeSHi高亮足够完美,而且支持高亮的程序语言也很完善。
UGeSHi能高亮多少种程序语言?粗略的说可以高亮100多种,具体细节看下表:
| abap | actionscript | actionscript3 | ada | apache |
| applescript | apt_sources | asm | asp | autoit |
| avisynth | bash | basic4gl | blitzbasic | bnf |
| boo | c | caddcl | cadlisp | cfdg |
| cfm | cil | cobol | cpp-qt | cpp |
| csharp | css | c_mac | d | delphi |
| diff | div | dos | dot | eiffel |
| fortran | freebasic | genero | gettext | |
| glsl | gml | gnuplot | groovy | haskell |
| html | html4strict | idl | ini | inno |
| io | java | java5 | javascript | kixtart |
| klonec | klonecpp | latex | lisp | lotusformulas |
| lotusscript | lua | m68k | make | matlab |
| mirc | mpasm | mxml | mysql | nsis |
| objc | ocaml-brief | ocaml | oobas | oracle11 |
| oracle8 | pascal | per | perl | php-brief |
| php | pic16 | plsql | povray | powershell |
| progress | prolog | python | qbasic | rails |
| reg | robots | ruby | sas | scala |
| scheme | scilab | sdlbasic | smalltalk | smarty |
| sql | tcl | teraterm | text | thinbasic |
| tsql | typoscript | vb | vbnet | verilog |
| vhdl | visualfoxpro | winbatch | xml | xorg_conf |
| xpp | z80 |
注:若您不想使用其中某种代码的高亮,您可以直接将geshi文件夹下的此语言文件删除,无需更改其它程序代码。
可以自定义高亮的颜色吗?可以,您只需要修改geshi文件下相应的语言文件中$language_data['STYLES']变量即可!
UGeSHi对FCKEditor的兼容性怎么样?您可以像使用其它FCKEditor的插件那样使用UGeSHi,本人是在FCKEditor 2.6.3版本下开发的,其它版本未经测试,但相信兼容性一定非常不错。
UGeSHi对浏览器的兼容性怎么样?将其配置于FCKEditor 2.6.3版本中,本人已在IE5.0,IE6.0,IE7.0,Opera9.62,Firefox3.0.4,Chrome0.3.154.9下测试通过。
这是一张用UGeSHi高亮PHP代码的示意图。

在线体验UGeSHi:UGeSHi Demo
下载使用UGeSHi:点击这里下载UGeSHi 1.0.0
使用方法:
1. 将ugeshi文件夹存放于fckeditor/editor/plugins/目录下;
2. 编辑fckconfig.js文件,添加 FCKConfig.Plugins.Add('ugeshi', "zh-cn');
3. 设置FCKEditor工具栏,FCKConfig.ToolbarSets["Default"]值中添加:UGeSHi (注意大小写)
清空浏览器临时文件,开始体验吧…