在FCKEditor中使用插件UGeSHi-GeSHi实现代码高亮显示

本人安装了一个个人知识库管理系统 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
email 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 demo

在线体验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/

类别: Web/JS. 标签: , . 阅读(124). 订阅评论. TrackBack.

Leave a Reply

Be the First to Comment!

avatar
wpDiscuz