<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    冰面上的火焰

    在J2EE應用中安裝及設置FCKeditor

    ?? 在J2EE應用中,大量用到在web頁面上使用文本編輯器的地方,以前一直苦于找不到比較好的文本編輯器,要么是速度太慢,要么是功能不強,或者跟程序配合上問題較大。這兩天發現了FCKeditor,試用了一下,覺得非常好,與J2EE程序的配合也非常方便。下面是應用的截圖:
    ?
    ?
    ????? 基本上我們需要的編輯功能它都能夠實現,包括粘貼word格式的文檔,上傳圖片,設置圖片與文字的各種格式,預覽,最重要是它不但完全免費,而且是多國語言的,對中文的支持也非常好。
    下面我簡單介紹一下如何在J2EE應用中使用FCKeditor。
    1、下載
    ????? 在http://www.fckeditor.net/download/default.html下載FCKeditor的最新版本2.0RC,由于我們使用的是Java,還要在
    http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=129511
    這個地址下載FCKeditor for java的工具包,這里面提供了標簽庫和圖片上傳的jar。
    2、安裝
    ???? 下載完成后,在J2EE應用中,假設為fcktest,建立文件夾FCKeditor,將FCKeditor_2.0中的editor目錄及fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml等文件拷貝到FCKeditor目錄下。
    ?
    ???? 然后我們將FCKeditor-2.3\web\WEB-INF\lib中的兩個jar包拷貝到\fcktest\WEB-INF\lib目錄下,將FCKeditor-2.3\src下的FCKeditor.tld拷貝到\fcktest\WEB-INF下。
    ???? 編輯\fcktest\WEB-INF\web.xml文件,將FCKeditor-2.3\web\WEB-INF\web.xml里的內容復制過來,修改<servlet-mapping>里的內容為:
    ?<servlet-mapping>
    ??? <servlet-name>Connector</servlet-name>
    ??? <url-
    pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-
    pattern>
    ? </servlet-mapping>
    ?
    ? <servlet-mapping>
    ??? <servlet-name>SimpleUploader</servlet-name>
    ??? <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>
    ? </servlet-mapping>

    ???并且添加以下內容:
    ? <taglib>
    ??<taglib-uri>/FCKeditor</taglib-uri>
    ??<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
    ? </taglib>

    3、使用

    ????? 假設我們在根目錄下建立了index.jsp頁面,在該頁面中希望使用文本編輯工具,可以參考下面的頁面代碼:
    <%@ page contentType="text/html;charset=GBK"%>
    <%@ taglib uri="/FCKeditor" prefix="FCK" %>
    <html>
    ?<head>
    ??<title>Welcome</title>
    ??
    ?</head>
    ?<body>
    ?<form name="form1" action='success.jsp' method="post">
    ??<FCK:editor id="EditorAccessibility"
    ????? width="80%" height="320"
    ????? fontNames="宋體;黑體;隸書;楷體_GB2312;Arial;Comic Sans MS;Courier
    New;Tahoma;Times New Roman;Verdana"
    ?????
    imageBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
    Type=Image&Connector=connectors/jsp/connector"
    ???
    linkBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
    Connector=connectors/jsp/connector"
    ???
    flashBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
    Type=Flash&Connector=connectors/jsp/connector"
    ???
    imageUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
    ???
    linkUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
    ???
    flashUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">
    ???
    ??</FCK:editor>
    ??
    ??<input type="submit" name="SubM" value="發表" />
    ?</form>
    ?</body>
    </html>
    ???? 在該頁面中,我們使用了FCKeditor提供的標簽,具體屬性我就不詳細介紹了,估計大家一看就明白了。

    4、內容傳遞

    ????? 那么,我們如何使用FCKeditor中的內容呢,按照我們一般的做法,是將form提交到下一個頁面進行處理,在該頁面中得到編輯器中的內容,然后存入數據庫等等。有兩種方法,可以實現。
    ???? 第一,設置submit按鈕,提交后,使用request.getParameter("EditorAccessibility"),即可得到相應的內容。
    ???? 第二,直接點擊保存按鈕,即可實現提交。
    5、相關設置
    ??? 圖片快速上傳,需要修改web.xml文件中的
    <init-param>
    ???<param-name>enabled</param-name>
    ???<param-value>false</param-value>
    ??</init-param>
    ????? 將其中false改為true,即可實現快速上傳。
    ???? 不需要服務器啟動時顯示相關信息,可修改web.xml文件中的
    <init-param>
    ???<param-name>debug</param-name>
    ???<param-value>true</param-value>
    ??</init-param>
    ???? 將其中的true改為false即可。
    ???? 清楚不需要的文件,editor目錄下_source文件夾可以刪除,editor\filemanager\browser\default\connectors下除jsp相關的文件外也可刪除,
    editor\filemanager\upload除jsp相關的文件外也可刪除,editor\lang下的語言文件,保留英文和中文
    及fcklanguagemanager.js即可,其他的一律可以刪除。

    posted on 2006-11-24 18:03 GuanHui 閱讀(539) 評論(2)  編輯  收藏

    評論

    # re: 在J2EE應用中安裝及設置FCKeditor 2006-11-24 18:28 BeanSoft

    贊一個! 這個的確很好用的哦! 還有一個叫 TinyMCE. 不過發現有個問題: Firefox 2.0 下似乎 FckEditor 顯示的不對勁哦....  回復  更多評論   

    # re: 在J2EE應用中安裝及設置FCKeditor 2008-05-20 22:47 kooen

    小心黑客  回復  更多評論   


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 亚洲国产av玩弄放荡人妇| 亚洲AV无码乱码在线观看富二代| 亚洲日韩中文字幕| 久久A级毛片免费观看| 亚洲αv久久久噜噜噜噜噜| 99久久免费国产精精品| 国产亚洲无线码一区二区| 东方aⅴ免费观看久久av| 国产亚洲人成网站观看| 日韩视频在线观看免费| 亚洲欧洲日韩不卡| 久草视频免费在线| 亚洲校园春色另类激情| 国产精品va无码免费麻豆| 香港特级三A毛片免费观看| 亚洲国产精品成人网址天堂| 一个人晚上在线观看的免费视频| 久久亚洲国产成人影院网站 | 亚洲高清专区日韩精品| 国产va在线观看免费| 亚洲无成人网77777| 免费毛片在线视频| 色多多A级毛片免费看| 亚洲国产成人VA在线观看| 特级做A爰片毛片免费看无码| 亚洲伊人tv综合网色| 成年男女免费视频网站| 一级a性色生活片久久无少妇一级婬片免费放 | 免费高清A级毛片在线播放| 久久久久亚洲爆乳少妇无| 久久国产精品国产自线拍免费| 亚洲熟妇色自偷自拍另类| 最近中文字幕免费mv视频8| 日本特黄特色AAA大片免费| 国产精品亚洲片在线| 久草视频免费在线| 一级做a爱过程免费视| 久久精品国产亚洲AV无码麻豆| 妞干网免费视频观看| 久久九九久精品国产免费直播| 337p欧洲亚洲大胆艺术|