本人安装了一个个人知识库管理系统 Knowledgeroot,选定了其中所见即所得编辑器比较好用的是 FckEditor,又再需要给它配上一款代码高亮的插件,于是找来了 UGeSHi-GeSHi。下面是从网络上摘来的在 FckEditor 中如何安装 UGeSHi-GeSHi 插件。
什 么是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'); 根据语言,或是:FCKConfig.Plugins.Add('ugeshi', 'en,de,fr,ja,nl,pt-br');
3. 设置FCKEditor工具栏,FCKConfig.ToolbarSets["Default"]值中添加:UGeSHi (注意大小写)
清空浏览器临时文件,开始体验吧…
摘自 : http://www.phplamp.org/2008/11/fckeditor-fck-geshi-ugeshi-highlight-plugin/
本文链接 https://yanbin.blog/fckeditor-ugeshi-code-highlight/, 来自 隔叶黄莺 Yanbin Blog
[版权声明]  本文采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可。
 本文采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可。