1. 將FCKeditor2.1.1解壓縮到項目的根目錄下，目錄結構為：\項目名\FCKeditor\ ，然后將FCKeditor-2.3.zip（java）壓縮包中\web\WEB-INF\lib\目錄下的兩個jar文件拷到項目的\WEB-INF\lib\目錄下。
2. 將FCKeditor-2.3.zip壓縮包中\web\WEB-INF\目錄下的web.xml文件合并到項目的\WEB-INF\目錄下的web.xml文件中。
3. 修改合并后的web.xml文件，將名為SimpleUploader的Servlet的enabled參數值改為true，以允許上傳功能，Connector Servlet的baseDir參數值用于設置上傳文件存放的位置。
4. 上面兩個servlet的映射分別為：/editor/filemanager/browser/default/connectors/jsp/connector和/editor/filemanager/upload/simpleuploader，因為我的FCKeditor是放到\項目名\FCKeditor\目錄下，所以需要在兩個映射前面加上/FCKeditor，即改為/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector和/FCKeditor/editor/filemanager/upload/simpleuploader。
5. 采用Taglib在jsp中添加如下代碼創建在線編輯器：
??? 在頁面的頂部加入〈%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %〉
??? 在適當的位置加入下面代碼
??〈FCK:editor id="infoContent" basePath="/CM/FCKeditor/"
??????????????width="522"
??????????????height="300"
??????????????skinPath="/CM/FCKeditor/editor/skins/silver/"
??????????????defaultLanguage="zh-cn"
??????????????tabSpaces="8"
??????????????toolbarSet="CM"
??????????????imageBrowserURL="/CM/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
??????????????linkBrowserURL="/CM/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
??????????????flashBrowserURL="/CM/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
??????????????imageUploadURL="/CM/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
??????????????linkUploadURL="/CM/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
????????????? flashUploadURL="/CM/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"〉
????????????? 請輸入內容
??〈/FCK:editor〉
??? 注意/CM/，為項目名，不用修改web.xml文件。
6.?經過上面步驟就可以在jsp中使用FCKeditor了。
===================================================================
另外，如果使用WebLogic，需要將FCKeditor-2.3.zip壓縮包中src目錄下的FCKeditor.tld文件提取出來，比如將其放到WEB-INF/tlds/目錄下，然后將jsp頁中的taglib語句修改為如下所示，就可以正常使用了：
<%@ taglib uri="/WEB-INF/tlds/FCKeditor.tld" prefix="FCK" %>
三、配置
FCKeditor 2.0的配置文件為FCKeditor\fckconfig.js，其中幾個重要的配置項目如下：
1、工具欄的設置
默認情況下，FCKeditor會調用如下的工具欄按鈕，大家可以根據自己的需要進行增減。需要注意的是，2.0版與1.6版的按鈕并不完全相同，有些按鈕以及刪除或者改名了。
//##
//## Toolbar Buttons Sets
//##
FCKConfig.ToolbarSets["Default"] = [
?????? ['Source','-','Save','NewPage','Preview'],
?????? ['Cut','Copy','Paste','PasteText','PasteWord','-','Print'],
?????? ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
?????? ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
?????? ['OrderedList','UnorderedList','-','Outdent','Indent'],
?????? ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
?????? ['Link','Unlink'],
?????? ['Image','Table','Rule','SpecialChar','Smiley'],
?????? ['Style','FontFormat','FontName','FontSize'],
?????? ['TextColor','BGColor'],
?????? ['About']
] ;
2、簡體中文設置
編輯edit/lang/fcklanguagemanager.js
將下面語句
FCKLanguageManager.AvailableLanguages =
{
?'ar'??: 'Arabic',
?'bs'??: 'Bosnian',
?'ca'??: 'Catalan',
?'en'??: 'English',
?'es'??: 'Spanish',
?'et'??: 'Estonian',
?'fi'??: 'Finnish',
?'fr'??: 'French',
?'gr'??: 'Greek',
?'he'??: 'Hebrew',
?'hr'??: 'Croatian',
?'it'??: 'Italian',
?'ko'??: 'Korean',
?'lt'??: 'Lithuanian',
?'no'??: 'Norwegian',
?'pl'??: 'Polish',
?'sr'??: 'Serbian (Cyrillic)',
?'sr-latn'?: 'Serbian (Latin)',
?'sv'??: 'Swedish'
}
添加一行 'zh-cn'??? : 'Chinese' 從而變成
FCKLanguageManager.AvailableLanguages =
{
?'ar'??: 'Arabic',
?'bs'??: 'Bosnian',
?'ca'??: 'Catalan',
?'en'??: 'English',
?'es'??: 'Spanish',
?'et'??: 'Estonian',
?'fi'??: 'Finnish',
?'fr'??: 'French',
?'gr'??: 'Greek',
?'he'??: 'Hebrew',
?'hr'??: 'Croatian',
?'it'??: 'Italian',
?'ko'??: 'Korean',
?'lt'??: 'Lithuanian',
?'no'??: 'Norwegian',
?'pl'??: 'Polish',
?'sr'??: 'Serbian (Cyrillic)',
?'sr-latn'?: 'Serbian (Latin)',
?'sv'??: 'Swedish',
?'zh-cn'??? ?: 'Chinese'
}
然后到這里
http://www.shaof.com/download/zh-cn.js下載漢化好的zh-cn.js保存到editor/lang目錄下即可。
posted on 2006-10-30 00:16
七匹狼 閱讀(475)
評論(0) 編輯 收藏 所屬分類:
java