天天看點

FCKEditor代碼高亮插件UGeSHi-GeSHi版

轉: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
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代碼的示意圖。

FCKEditor代碼高亮插件UGeSHi-GeSHi版

線上體驗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 (注意大小寫)

清空浏覽器臨時檔案,開始體驗吧…