下載
從FCKeditor的官方站點(diǎn)http://www.fckeditor.net/download上下載FCKeditor 2.3.2和FCKeditor.Java，其中FCKeditor 2.3.2是源碼，F(xiàn)CKeditor.Java是在jsp中使用的例程。
?
瘦身
將FCKeditor 2.3.2解壓到FCKeditor文件夾，然后刪除如下文件或目錄：
1、/_samples，/_testcases；
2、刪除/_documentation.html,_whatsnew.html,fckeditor.afp,fckeditor.asp,fckeditor.cfc,fckeditor.cfm,
fckeditor.lasso,fckeditor.php,fckeditor.pl,fckeditor.py
只剩下fckconfig.js,fckeditor.js,fckstyles.xml,fcktemplates.xml,htaccess.txt,license.txt；
3、/editor/_source；
4、/editor/filemanager/browser/default/connectors；
5、/editor/filemanager/upload；
6、語(yǔ)言包/editor/lang中只留下en.js、zh-cn.js；
哈哈，一下子從2.5M瘦到832K，爽呀！還可以在皮膚包里/editor/skins動(dòng)動(dòng)腦筋，比如只留一個(gè)sliver，這個(gè)好配色。
配置
將FCKeditor的jsp中使用的例程和FCKeditor源碼結(jié)合起來(lái)，解壓FCKeditor.Java，將解壓文件夾中web目錄下的所有文件拷貝到FCKeditor目錄中，這樣在FCKeditor目錄多了兩個(gè)目錄：
|
├─_samples
│? │? index.jsp
│? │? sample.css
│? │? sampleslist.jsp
│? │?
│? └─jsp
│????????? sample01.jsp
│????????? sample02.jsp
│????????? sample03.jsp
│????????? sample04.jsp
│????????? sample05.jsp
│????????? sample06.config.js
│????????? sample06.jsp
│????????? sample07.jsp
│????????? sampleposteddata.jsp
│?????????
└─WEB-INF
??? │? web.xml
??? │?
??? └─lib
??????????? FCKeditor-2.3.jar
??????????? commons-fileupload.jar
|
看一下web.xml文件，里面增加了文件瀏覽和文件上傳得servlet。
l????????
修改文件FCKeditor/fckconfig.js
1、?
修改屬性
中文：FCKConfig.DefaultLanguage???? = 'zh-cn' ;
皮膚：FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
2、?
使用servlet做文件瀏覽和上傳
參考http://wiki.fckeditor.net/Developer%27s_Guide/Integration/Java
|
//browser
FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;
FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;
?
//upload
FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;
FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;
FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;
|
l????????
修改web.xml增加FCKeditor的taglib
從FCKeditor.Java解壓目錄/src目錄下拷貝FCKeditor.tld文件到WEB-INF目錄下，在web.xml文件中增加：
|
<taglib>
??? <taglib-uri>/WEB-INF/FCKeditor.tld</taglib-uri>
??? <taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>
|
?
使用
在
jsp
頁(yè)面中作如下調(diào)用（具體如何使用可以看
FCKeditor.tld定義
）：
|
...
?
<%@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="FCK" %>
?
...
?
<FCK:editor id="EditorDefault" basePath="/FCKeditor/">
This is FCKeditor demo!
</FCK:editor>
?
...
|
運(yùn)行例程
將我們修改了半天的整個(gè)
FCKeditor目錄拷貝到tomcat5.0.28（或其他web服務(wù)器）的webapps目錄下，啟動(dòng)tomcat訪(fǎng)問(wèn)http://localhost:8080/FCKeditor/_samples/ 試用一下FCKeditor 2.3.2的強(qiáng)大功能，有了demo在項(xiàng)目中如何使用，你自己琢磨吧！
?
例程下載：
FCKeditor
posted on 2006-11-03 11:00
野草 閱讀(2595)
評(píng)論(2) 編輯 收藏 所屬分類(lèi):
2shtv