下載
從FCKeditor的官方站點http://www.fckeditor.net/download上下載FCKeditor 2.3.2和FCKeditor.Java，其中FCKeditor 2.3.2是源碼，FCKeditor.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、語言包/editor/lang中只留下en.js、zh-cn.js；
哈哈，一下子從2.5M瘦到832K，爽呀！還可以在皮膚包里/editor/skins動動腦筋，比如只留一個sliver，這個好配色。
配置
將FCKeditor的jsp中使用的例程和FCKeditor源碼結合起來，解壓FCKeditor.Java，將解壓文件夾中web目錄下的所有文件拷貝到FCKeditor目錄中，這樣在FCKeditor目錄多了兩個目錄：
|
├─_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
頁面中作如下調用（具體如何使用可以看
FCKeditor.tld定義
）：
|
...
?
<%@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="FCK" %>
?
...
?
<FCK:editor id="EditorDefault" basePath="/FCKeditor/">
This is FCKeditor demo!
</FCK:editor>
?
...
|
運行例程
將我們修改了半天的整個
FCKeditor目錄拷貝到tomcat5.0.28（或其他web服務器）的webapps目錄下，啟動tomcat訪問http://localhost:8080/FCKeditor/_samples/ 試用一下FCKeditor 2.3.2的強大功能，有了demo在項目中如何使用，你自己琢磨吧！
?
例程下載：
FCKeditor
posted on 2006-11-03 11:00
野草 閱讀(2592)
評論(2) 編輯 收藏 所屬分類:
2shtv