FCKEDITOR中文使用說(shuō)明

1、FCKEDITOR中文使用說(shuō)明性能首先,FCKEDITOR的性能是非常好的,用戶只需很少的時(shí)間就可以載入FCKEDITOR所需文件.對(duì)于其他在線編輯器來(lái)說(shuō),這幾乎是個(gè)很難解決的難題,因?yàn)樵陂_(kāi)啟編輯器時(shí)需要裝載太多的文件.比如CUTEEDITOR,雖然功能比FCKEDITOR還要強(qiáng)大,可是,它本身也夠龐大了,至于FREETEXTBOX等,其易用性與FCKEDITOR相比,尚有差距,可以說(shuō),FCKEDITOR是一個(gè)別具匠心的在線編輯器,它里面融入了作者高深的面向?qū)ο蟮腏AVASCRIPT功力,集易用性與強(qiáng)大的功能與一體.與編輯器相關(guān)的所有圖像,腳本以及調(diào)用頁(yè).語(yǔ)言文件.編輯器的皮膚文件.工具樣的貼

2、圖等這些將導(dǎo)致在服務(wù)器和客戶端間產(chǎn)生相當(dāng)?shù)牧髁?如果有許多文件被調(diào)用,那么即便每個(gè)文件很小.也會(huì)讓用戶等得不耐煩.在2.0版中,開(kāi)發(fā)人員有兩種方法來(lái)解決這個(gè)問(wèn)題.那就是指定裝載順序和腳本壓縮裝載順序從2.0版開(kāi)始,編輯器按以下步驟裝載資源:.基本頁(yè)(就是編輯器所在頁(yè))以及裝入編輯器的JS腳本.用來(lái)建立編輯器的腳本.編輯器的語(yǔ)言和皮膚.建立編輯器.載入預(yù)置的編輯文檔內(nèi)容.從現(xiàn)在開(kāi)始,用戶可以閱讀和編輯文檔了,不過(guò),拖拽支持以及工具欄都是不可用的.載入編輯器引擎腳本.建立工具欄,并且可用.從現(xiàn)在開(kāi)始,編輯器的所有功能都已經(jīng)完整.載入工具欄圖標(biāo)腳本壓縮在打包任何新版本時(shí),編輯器的JS腳本將會(huì)進(jìn)行預(yù)處

3、理.預(yù)處理步驟如下:.移除所有代碼注釋.移除所有無(wú)用的空白字符.將腳本合并成幾個(gè)文件使用上面的方法,我們可以將腳本文件的大小壓縮到原來(lái)的50%.壓縮后,原始的代碼仍然存在于一個(gè)名為_(kāi)Source的文件夾中如何打包?編輯器已經(jīng)自帶了打包程序,它位于FCKEDITOR的根文件夾中_PACKAGER文件夾中,名為Fckeditor.Packager.exe,將其復(fù)制到FCKEDITOR根文件夾中并運(yùn)行,即可自動(dòng)將JS腳本打包并壓縮需要注意的是該程序是一個(gè).NET程序,必須安裝.NET FRAMEWORK才能使用想要獲取支持?如果你捐贈(zèng)15000歐元,你就可以獲得1年的免費(fèi)技術(shù)支持(比較貴的說(shuō),相當(dāng)于

4、人民幣15萬(wàn),不過(guò)西歐的費(fèi)用相當(dāng)驚人)如何安裝?1.下載最新版的FCKEDITOR2.解壓縮到你的站點(diǎn)根文件夾中名為FCKEDITOR的文件夾中(名稱必須為FCKEDITOR,因?yàn)榕渲梦募幸呀?jīng)使用此名稱來(lái)標(biāo)示出FCKEDITOR的位置)3.現(xiàn)在,編輯器就可以使用了,如果想要查看演示,可以按下面方法訪問(wèn):http:/FCKeditor/_samples/default.html注意:你可以將FCKEDITOR放置到任何文件夾,默認(rèn)情況下,將其放入到FCKEDITOR文件夾是最為簡(jiǎn)單的方法.如果你放入的文件夾使用別的名稱,請(qǐng)修改配置文件夾中編輯器BasePath參數(shù),如下所示:oFckedito

5、r.BasePath=/Components/fckeditor/;另外,FCKEDITOR文件夾中所有以下劃線開(kāi)頭的文件夾及文件,都是可選的,可以安全的從你的發(fā)布中刪除.它們并不是編輯器運(yùn)行時(shí)必需的如何將FCKEDITOR整合進(jìn)我的頁(yè)面?由于目前的版本提供的FCKEDITOR僅提供了JAVASCRIPT式的整合,因此,這里僅講述如何應(yīng)用JAVASCRIPT來(lái)整合FCKEDITOR到站點(diǎn)中,當(dāng)然,其他各種語(yǔ)言的整合,你可以參考_samples文件夾中的例子來(lái)完成1,假如編輯器已經(jīng)安裝在你的站點(diǎn)的/FCKEDITOR/文件夾下.那么,第一步我們需要做的就是在頁(yè)面的HEAD段中放入SCRIPT標(biāo)記

6、以引入JAVASCRIPT整合模塊.例如:其中路徑是可更改的2,現(xiàn)在,FCKEDITOR類已經(jīng)可以使用了.有兩個(gè)方法在頁(yè)面中建立一個(gè)FCKEDITOR編輯器:方法1:內(nèi)聯(lián)方式(建議使用):在頁(yè)面的FORM標(biāo)記內(nèi)需要插入編輯器的地方置入以下代碼:script type=text/javascriptvar oFCKeditor = new FCKeditor( FCKeditor1 ) ;oFCKeditor.Create() ;方法2:TEXTAREA標(biāo)記替換法(不建議使用):在頁(yè)面的ONLOAD事件中,添加以下代碼以替換一個(gè)已經(jīng)存在的TEXTAREA標(biāo)記window.onload = fun

7、ction()var oFCKeditor = new FCKeditor( MyTextarea ) ;oFCKeditor.ReplaceTextarea() ;This is the initial value.3.現(xiàn)在,編輯器可以使用了FCKEDITOR類參考:下面是用來(lái)在頁(yè)面中建立編輯器的FCKEDITOR類的說(shuō)明構(gòu)造器:FCKeditor( instanceName, width, height, toolbarSet, value )instanceName:編輯器的唯一名稱(相當(dāng)于ID)WIDTH:寬度HEIGHT:高度toolbarSet:工具條集合的名稱value:編輯器初

8、始化內(nèi)容屬性:instanceName:編輯器實(shí)例名width:寬度,默認(rèn)值為100%height:高度,默認(rèn)值是200ToolbarSet:工具集名稱,參考FCKCONFIG.JS,默認(rèn)值是Defaultvalue:初始化編輯器的HTML代碼,默認(rèn)值為空BasePath:編輯器的基路徑,默認(rèn)為/Fckeditor/文件夾,注意,盡量不要使用相對(duì)路徑.最好能用相對(duì)于站點(diǎn)根路徑的表示方法,要以/結(jié)尾CheckBrowser:是否在顯示編輯器前檢查瀏覽器兼容性,默認(rèn)為trueDisplayErrors:是否顯示提示錯(cuò)誤,默為true;集合:ConfigKey=value;這個(gè)集合用于更改配置中某一

9、項(xiàng)的值,如oFckeditor.ConfigDefaultLanguage=pt-br;方法:Create()建立并輸出編輯器RepaceTextArea(TextAreaName)用編輯器來(lái)替換對(duì)應(yīng)的文本框如何配置FCKEDITOR?FCKEDITOR提供了一套用于定制其外觀,特性及行為的設(shè)置集.主配置文件名為Fckconfig.js你既可以編輯主配置文件,也可以自己定義單獨(dú)的配置文件.配置文件使用JAVASCRIPT語(yǔ)法.修改后,在建立編輯器時(shí),可以使用以下語(yǔ)法:var oFCKeditor = new FCKeditor( FCKeditor1 ) ;oFCKeditor.ConfigC

10、ustomConfigurationsPath = /myconfig.js ;oFCKeditor.Create() ;提醒:當(dāng)你修改配置后,請(qǐng)清空瀏覽器緩存以查看效果配置選項(xiàng):AutoDetectLanguage=true/false 自動(dòng)檢測(cè)語(yǔ)言BaseHref= 相對(duì)鏈接的基地址ContentLangDirection=ltr/rtl 默認(rèn)文字方向ContextMenu=字符串?dāng)?shù)組,右鍵菜單的內(nèi)容CustomConfigurationsPath= 自定義配置文件路徑和名稱Debug=true/false 是否開(kāi)啟調(diào)試功能,這樣,當(dāng)調(diào)用FCKDebug.Output()時(shí),會(huì)在調(diào)試窗中輸

11、出內(nèi)容DefaultLanguage= 缺省語(yǔ)言EditorAreaCss= 編輯區(qū)的樣式表文件EnableSourceXHTML=true/false 為T(mén)RUE時(shí),當(dāng)由可視化界面切換到代碼頁(yè)時(shí),把HTML處理成XHTMLEnableXHTML=true/false 是否允許使用XHTML取代HTMLFillEmptyBlocks=true/false 使用這個(gè)功能,可以將空的塊級(jí)元素用空格來(lái)替代FontColors= 設(shè)置顯示顏色拾取器時(shí)文字顏色列表FontFormats= 設(shè)置顯示在文字格式列表中的命名FontNames= 字體列表中的字體名FontSizes= 字體大小中的字號(hào)列表Fo

12、rcePasteAsPlainText=true/false 強(qiáng)制粘貼為純文本ForceSimpleAmpersand=true/false 是否不把&符號(hào)轉(zhuǎn)換為XML實(shí)體FormatIndentator= 當(dāng)在源碼格式下縮進(jìn)代碼使用的字符FormatOutput=true/false 當(dāng)輸出內(nèi)容時(shí)是否自動(dòng)格式化代碼FormatSource=true/false 在切換到代碼視圖時(shí)是否自動(dòng)格式化代碼FullPage=true/false 是否允許編輯整個(gè)HTML文件,還是僅允許編輯BODY間的內(nèi)容GeckoUseSPAN=true/false 是否允許SPAN標(biāo)記代替B,I,U標(biāo)記IeSpel

13、lDownloadUrl=下載拼寫(xiě)檢查器的網(wǎng)址ImageBrowser=true/false 是否允許瀏覽服務(wù)器功能ImageBrowserURL= 瀏覽服務(wù)器時(shí)運(yùn)行的URLImageBrowserWindowHeight= 圖像瀏覽器窗口高度ImageBrowserWindowWidth= 圖像瀏覽器窗口寬度LinkBrowser=true/false 是否允許在插入鏈接時(shí)瀏覽服務(wù)器LinkBrowserURL= 插入鏈接時(shí)瀏覽服務(wù)器的URLLinkBrowserWindowHeight=鏈接目標(biāo)瀏覽器窗口高度LinkBrowserWindowWidth=鏈接目標(biāo)瀏覽器窗口寬度Plugins

14、=object 注冊(cè)插件PluginsPath= 插件文件夾ShowBorders=true/false 合并邊框SkinPath= 皮膚文件夾位置SmileyColumns=12 圖符窗列數(shù)SmileyImages=字符數(shù)組 圖符窗中圖片文件名數(shù)組SmileyPath= 圖符文件夾路徑SmileyWindowHeight 圖符窗口高度SmileyWindowWidth 圖符窗口寬度SpellChecker=ieSpell/Spellerpages 設(shè)置拼寫(xiě)檢查器StartupFocus=true/false 開(kāi)啟時(shí)FOCUS到編輯器StylesXmlPath= 設(shè)置定義CSS樣式列表的XML

15、文件的位置TabSpaces=4 TAB鍵產(chǎn)生的空格字符數(shù)ToolBarCanCollapse=true/false 是否允許展開(kāi)/折疊工具欄ToolbarSets=object 允許使用TOOLBAR集合ToolbarStartExpanded=true/false 開(kāi)啟是TOOLBAR是否展開(kāi)UseBROnCarriageReturn=true/false 當(dāng)回車(chē)時(shí)是產(chǎn)生BR標(biāo)記還是P或者DIV標(biāo)記如何自定義樣式列表呢?FCKEDITOR的樣式工具欄中提供了預(yù)定義的樣式,樣式是通過(guò)XML文件定義的,默認(rèn)的XML樣式文件存在于FCkEditor根文件夾下的FckStyls.xml文件中這個(gè)X

16、ML文件的結(jié)構(gòu)分析如下:每一個(gè)STYLE標(biāo)記定義一種樣式,NAME是顯示在下拉列表中的樣式名,ELEMENT屬性指定此樣式所適用的對(duì)象,因?yàn)镕CKEDITOR中的樣式是上下文敏感的,也就是說(shuō),選擇不同的對(duì)象,僅會(huì)顯示針對(duì)這類對(duì)象定義的樣式拼寫(xiě)檢查FCKEDITOR帶了兩種拼寫(xiě)檢查工具,一種是ieSpell,默認(rèn)情況下使用這種,使用這種方式的拼寫(xiě)檢查,要求客戶下載并安裝iespell這個(gè)小軟件,另外,也提供SpellPager的方式來(lái)進(jìn)行拼寫(xiě)檢查,不過(guò),由于SPELLPAGER是由PHP編寫(xiě)的服務(wù)器端腳本,因此,要求你的WEB服務(wù)器必須支持PHP腳本語(yǔ)言方可更改拼寫(xiě)檢查器的方式請(qǐng)參見(jiàn)有關(guān)配置文件

17、的詳細(xì)說(shuō)明壓縮腳本為了提供腳本載入的效率,FCKEDITOR采用以下方法對(duì)腳本盡量壓縮以減少腳本尺寸:1,移除掉腳本中的注釋2.移除掉腳本中所有無(wú)意義的空白另外,FCKEDITOR還提供了一個(gè)專門(mén)用于壓縮腳本的工具以便 你在發(fā)布時(shí)能減小文件尺寸,你可以將_Packager文件夾中的Fckeditor.Packager.exe復(fù)制到FCKEDITOR根文件夾來(lái)運(yùn)行并壓縮腳本本地化FCKEDITOR如果FCKEDITOR沒(méi)有提供您所需要的語(yǔ)言(實(shí)際上全有了),你也可以自行制作新的語(yǔ)言,你只需要復(fù)制出EN.JS,然后在其基礎(chǔ)上進(jìn)行翻譯.另外,語(yǔ)言名稱與對(duì)應(yīng)的腳本文件名必須遵循RFC 3066標(biāo)準(zhǔn),但

18、是,需要小寫(xiě),例如:Portuguess Language對(duì)應(yīng)的腳本文件名必須為pt.js如果需要針對(duì)某個(gè)國(guó)家的某種語(yǔ)系,則可以在語(yǔ)系縮寫(xiě)后加上橫線及國(guó)家縮寫(xiě)即可在使用時(shí),系統(tǒng)會(huì)自動(dòng)偵測(cè)客戶端語(yǔ)系及國(guó)別而運(yùn)用適當(dāng)?shù)慕缑嬲Z(yǔ)言.當(dāng)建立一種新的語(yǔ)言后,你必須在Edit/lang/fcklanguagemanager.js中為其建立一個(gè)條目,如下所示:FCKLanguageManager.AvailableLanguages = en : English,pt : Portuguese 需要提醒的是,文件必須保存為UTF-8格式如何與服務(wù)器端腳本進(jìn)行交互?請(qǐng)查看例子以得到相關(guān)內(nèi)容另外,在ASP.NET

19、中以以下步驟使用1.把FCKEDITOR添中到工具箱2.托拽FCKEDITOR控件到頁(yè)面3.為其指定名稱4.FCKEDITOR類的所有屬性不光可以在代碼中使用,而且可以作為FCKEDITOR控件的屬性直接使用,例如,要改變皮膚,可以在UI頁(yè)面中指定SkinPath=/fckeditor/editor/skins/office2003即可,其實(shí)FCKEDITOR的ASP.NET版本可以做得更好,你可以找到FCKEDITOR ASP.NET 2.1的源文件,然后修改該控件的設(shè)計(jì),為其暴露更多有用的屬性,重新編譯即可5,POSTBACK后的數(shù)據(jù),使用FCKEDITOR控件的value屬性獲得6.由于

20、默認(rèn)狀態(tài)下,ASP.NET不允許提交含有HTML及JAVASCRIPT的內(nèi)容,因此,你必須將使用FCKEDITOR的頁(yè)面的ValidateRequest設(shè)為false.(即可)-附：一、如何設(shè)置上傳文件語(yǔ)言把FCKeditor根目錄下面的fckconfig.js文件里var_FileBrowserLanguage=asp;/asp|aspx|cfm|lasso|perl|php|pyvar_QuickUploadLanguage=asp;/asp|aspx|cfm|lasso|php這兩行中改成您所需要調(diào)用的編輯器語(yǔ)言，如用則改為aspx；二、解決中文的問(wèn)題:在web.config中加入:這樣設(shè)置后可以顯示中文的文件，但URL地址也是中文的；如果服務(wù)器對(duì)中文地址的解析不好，可能導(dǎo)致圖片無(wú)法瀏覽；所以修改：editorfilemanagerbrowserdefaultfrmresourceslist.html中的OpenFile函數(shù)，把window.top.opener.SetUrl( fileUrl ) ; 修改為:window.top.opener.SetUrl( e