工作前的准備
版本是FCKeditor_zip【組件的主文件包】FCKeditorJava zip【這裡面提供了標簽庫和圖片上傳的jar】這些都可以在網站下載到！
配置
新建工程compass在WebRoot文件夾下新建文件夾FCKeditor（用來存放FCKeditor相關文件
記得大小寫要一致因為如果你需要改變的話變化的文件比較多而且還不確定是否改全了）
將FCKeditor_包中的 editor 文件夾和fckconfigjsfckeditorjsfckstylesxmlfcktemplatesxml
這四個文件放到項目中的 FCKeditor 目錄
將FCKeditorJava zip 包中的 \web\WEBINF\lib 下的兩個 jar 文件到項目的 WebRoot\WEBINF\lib目錄下
將FCKeditorJava zip 包中的 \src 下的 FCKeditortld 文件到項目的 WebRoot\WEBINF 目錄
在 WebRoot 目錄下新建 UserFiles 文件夾在此文件夾下新建 Image Flash FileMedia四個文件夾 他們分別用來存放上傳的圖片動畫文件媒體文件
修改fckconfigjs組件配置文件【說明一下你可以在配置文件裡搜索等號前面的信息來確定某一項做更改】
AFCKConfigSkinPath = FCKConfigBasePath + skins/silver/ ;
這是組件的樣式模板好確定你到底需要使用哪中樣式這個根據你自己的喜好更改
BFCKConfigDefaultLanguage = zhcn ;
這個是確定你需要使用哪中語言設定成上面的表示使用簡體中文
C更改文件浏覽的路徑
FCKConfigLinkBrowserURL = FCKConfigBasePath + filemanager/browser/default/l?Connector=connectors/jsp/connector ;
FCKConfigImageBrowserURL = FCKConfigBasePath + filemanager/browser/default/l?Type=Image&Connector=connectors/jsp/connector ;
FCKConfigFlashBrowserURL = FCKConfigBasePath + filemanager/browser/default/l?Type=Flash&Connector=connectors/jsp/connector ;
把相應的信息屏蔽掉使用上面的
D更改上傳文件的路徑
FCKConfigLinkUploadURL = FCKConfigBasePath + filemanager/upload/simpleuploader?Type=File ;
FCKConfigFlashUploadURL = FCKConfigBasePath + filemanager/upload/simpleuploader?Type=Flash ;
FCKConfigImageUploadURL = FCKConfigBasePath + filemanager/upload/simpleuploader?Type=Image ;
把相應的信息屏蔽掉使用上面的
修改 webxml 文件加入以下內容 :
在FCKeditorJava zip 包中有個web\WEBINF\WEBXML把這個節點裡面的內容復制到你的工程裡面的相應的位置值得說明的地方是
<servletname>Connector</servletname>
<servletclass>comnnectorConnectorServlet</servletclass>
<initparam>
<paramname>baseDir</paramname>
<! 此為文件浏覽路徑可以只有選擇修改但切記不可改成/[工程名]/UserFiles/
因為他目前已經是在工程的根目錄下來運行的故如果要把默認浏覽的文件目錄為
webroot\upload目錄之需要改變成/upload/即可 >
<paramvalue>/UserFiles/</paramvalue>
</initparam>
<initparam>
<servletname>SimpleUploader</servletname>
<servletclass>comfredckFCKeditoruploaderSimpleUploaderServlet</servletclass>
<initparam>
<paramname>baseDir</paramname>
<! 此為文件上傳路徑可以只有選擇修改但切記不可改成/[工程名]/UserFiles/
因為他目前已經是在工程的根目錄下來運行的故如果要把上傳的文件放到webroot\upload目錄下
之需要改變成/rpload/即可 >
<paramvalue>/UserFiles/</paramvalue>
</initparam>
<initparam>
<paramname>debug</paramname>
<paramvalue>true</paramvalue>
</initparam>
<initparam>
<! 記得要改變這裡把FALSE改變成TRUE這個是是否啟用上傳功能 >
<paramname>enabled</paramname>
<paramvalue>true</paramvalue>
</initparam>
<servletmapping>
<servletname>Connector</servletname>
<urlpattern>
/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector
</urlpattern>
</servletmapping>
<! 別忘記上面和下面加粗部分的代碼>
<servletmapping>
<servletname>SimpleUploader</servletname>
<urlpattern>/FCKeditor/editor/filemanager/upload/simpleuploader</urlpattern>
</servletmapping>
優化
以上都是把組件嵌入進工程的 配置過程下面我們來把組件壓縮優化一下把無用的文件給剔除掉
刪除 \WebRoot\FCKeditor\editor\filemanager\browser\default\connectors 目錄下所有的文件這些是用來浏覽文件的對於jsp的話是使用了 servlet 來處理所以這些文件都是多余的
刪除 \WebRoot\FCKeditor\editor\filemanager\upload 目錄下所有的文件
刪除 WebRoot\FCKeditor\editor\lang 目錄下不需要的語言如保留中文【zhcnjs】和英文[ENjs]還有 fcklanguagemanagerjs 文件
刪除 \WebRoot\FCKeditor\editor\skins 目錄下不需要的皮膚文件有三種皮膚可根據需要進行刪除
JSP頁面上的使用
*首先在testjsp頁面的頁頭加上標簽使用語句【不需要做目錄調整已經切實可行】
*然後在頁面的相應位置增加調用語句對於FCK標簽裡面還可以增加很多屬性當然也可以不加注意下面粗體的地方我下面使用了個比較常用的屬性一個是高度的調整另一個是組件風格
This is FCKeditor demo!
*接收參數可以這麼寫
其它
fckconfigjs總配置文件可用記錄本打開修改後將文件存為utf 編碼格式找到
FCKConfigTabSpaces = ; 改為FCKConfigTabSpaces = ; 即在編輯器域內可以使用Tab鍵
如果你的編輯器還用在網站前台的話比如說用於留言本或是日記回復時那就不得不考慮安全
了在前台千萬不要使用Default的toolbar要麼自定義一下功能要麼就用系統已經定義好的Basic也就是基本的toolbar找到
FCKConfigToolbarSets[Basic] = [
[BoldItalicOrderedListUnorderedList/*Link*/UnlinkStyleFontSizeTextColorBGColorSmileySpecialCharReplacePreview] ] ;
這是改過的Basic把圖像功能去掉把添加鏈接功能去掉因為圖像和鏈接和flash和圖像按鈕添加功能都能讓前台頁直接訪問和上傳文件 fckeditor還支持編輯域內的鼠標右鍵功能
FCKConfigContextMenu = [
Generic/*Link*/Anchor/*Image*/FlashSelectTextareaCheckbox
RadioTextFieldHiddenField/*ImageButton*/ButtonBulletedList
NumberedListTableCellTableForm] ;
這也是改過的把鼠標右鍵的鏈接圖像FLASH圖像按鈕功能都去掉
找到 FCKConfigFontNames =
Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana ;
加上幾種我們常用的字體 :
FCKConfigFontNames = 宋體黑體隸書楷體_GB;Arial;Comic Sans MS;
Courier New;Tahoma;Times New Roman;Verdana ;
注意上傳的文件名不能有中文否則無法正常顯示或鏈接下載
From:http://tw.wingwit.com/Article/program/Java/hx/201311/26167.html
