隨筆-13  評論-28  文章-63  trackbacks-0

          1. 將FCKeditor2.1.1解壓縮到項目的根目錄下,目錄結(jié)構(gòu)為:\項目名\FCKeditor\ ,然后將FCKeditor-2.3.zip(java)壓縮包中\(zhòng)web\WEB-INF\lib\目錄下的兩個jar文件拷到項目的\WEB-INF\lib\目錄下。

          2. 將FCKeditor-2.3.zip壓縮包中\(zhòng)web\WEB-INF\目錄下的web.xml文件合并到項目的\WEB-INF\目錄下的web.xml文件中。

          3. 修改合并后的web.xml文件,將名為SimpleUploader的Servlet的enabled參數(shù)值改為true,以允許上傳功能,Connector Servlet的baseDir參數(shù)值用于設(shè)置上傳文件存放的位置。

          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中添加如下代碼創(chuàng)建在線編輯器:

          ??? 在頁面的頂部加入〈%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %〉

          ??? 在適當(dāng)?shù)奈恢眉尤胂旅娲a

          ??〈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"〉
          ????????????? 請輸入內(nèi)容
          ??〈/FCK:editor〉

          ??? 注意/CM/,為項目名,不用修改web.xml文件。

          6.?經(jīng)過上面步驟就可以在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、工具欄的設(shè)置

            默認(rèn)情況下,F(xiàn)CKeditor會調(diào)用如下的工具欄按鈕,大家可以根據(jù)自己的需要進(jìn)行增減。需要注意的是,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、簡體中文設(shè)置

          編輯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
          主站蜘蛛池模板: 西乌珠穆沁旗| 墨竹工卡县| 富民县| 惠来县| 洛扎县| 景东| 邢台市| 新源县| 和林格尔县| 儋州市| 福贡县| 山丹县| 阿图什市| 同心县| 科技| 西充县| 获嘉县| 大连市| 尼木县| 黎平县| 蓬莱市| 辛集市| 会泽县| 明光市| 伊通| 竹溪县| 班玛县| 西林县| 建阳市| 陆河县| 湾仔区| 汪清县| 大足县| 尼勒克县| 岳西县| 宜城市| 虞城县| 靖西县| 长顺县| 天峨县| 咸宁市|