小菜毛毛技術分享

          與大家共同成長

            BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
            164 Posts :: 141 Stories :: 94 Comments :: 0 Trackbacks

          由于FckEditor for java 2.4相對于2.3而言做了許多改變,這些改變使得我們的Fckeditor配置起來更方便。例如:

          基礎包名從:com.fredck.FCKeditor 改為 net.fckeditor.

          文件上傳SimpleUploaderServle整合到了ConnectorServlet里面,WEB,XML的配置就簡單多了,下面通過一個實例說明配置詳細步驟

          1、首先登陸www.fckeditor.net/download下載FCKeditor的最新版本,需要下載2個壓縮包,一個是基本應用。另一個是在為在jsp下所準備的配置。

          最新版本為:FckEditor2.6.3和FckEditor for java 2.4

          FCKeditor 2.6.3下載地址:sourceforge.net/project/downloading.php     
                 具體下載地址:http://easynews.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor_2.6.3.zip
                 FCKeditor for Java 下載地址:sourceforge.net/project/downloading.php
               具體下載地址:http://switch.dl.sourceforge.net/sourceforge/fckeditor/fckeditor-java-2.4-bin.zip(發行版,如果需要源碼或者demo包請另行下載)

          請下載demo包,否則會出現留言中那位朋友的錯誤!


          下載之后分別為:FCKeditor_2.6.3.zip 和 fckeditor-java-2.4-bin.zip(fckeditor-java-demo-2.4.war)將它們分別解壓。

          2、首先在MyEclipse(或者其他的IDE)下建立一個新項目例如:FckedtiorTest 即http://localhost:8080/FckeditorTest

          現在將解壓后的FCKeditor_2.6.3.zip 里面的fckeditor文件夾拷貝到當前的項目文件夾里面。我的demo項目目錄結構如下:

                   3、配置web.xml。配置文件如下,這就是全部了,其他的不需要再配置,由于SimpleUploaderServle整合到了ConnectorServlet里面,所以文件上傳等都不需要再配置。

          <servlet>
             <servlet-name>Connector</servlet-name>
             <servlet-class>
              net.fckeditor.connector.ConnectorServlet
             </servlet-class>
             <load-on-startup>1</load-on-startup>
          </servlet>

          <servlet-mapping>
             <servlet-name>Connector</servlet-name>
             <url-pattern>
              /fckeditor/editor/filemanager/connectors/*
             </url-pattern>
          </servlet-mapping>

          4、在src目錄下面建立fckeditor.properties資源文件,在里面寫入這么一行“connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl”

          5、下面寫測試頁面:

               index.jsp

          <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
          <%@ taglib uri=" <html>
          <head>   
              <title>FckEditor測試</title>
          </head>
          <body style="text-align: center;">
          <div style="text-align: center;width: 600pt">
          <h2>FckEditor測試</h2>
          <hr>
          <form action="ShowData.jsp" method="post">
               <FCK:editor instanceName="test" height="400pt">
             <jsp:attribute name="value"> 這里是<a href="
             </jsp:attribute>
          </FCK:editor>     
             <input type="submit" value="提交"/>
             <input type="reset" value="重置"/>
             </form>
          </div>
          </body>
          </html>

           

             顯示數據的頁面:ShowData.jsp

          <%@ page language="java" contentType="text/html; charset=UTF-8"
          pageEncoding="UTF-8"%>
          <head>
             <title>FCKeditor - 顯示數據</title>
             <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          </head>
          <%
             request.setCharacterEncoding("UTF-8");
             String data = request.getParameter("test");
          %>
          <body>
             <h1>FCKeditor - 顯示數據</h1>  
             <hr/><br />
             <%=data%>
          </body>
          </html>

          6、結果截圖

          index.jsp

          ShowData.jsp

          7、給FckEditor瘦身

                刪除fckeditor目錄下面所有以“_”開頭的文件或者文件夾,像"_samples"、"_documentation.html“等

               刪除fckeditor目錄下面除了,fckconfig.js   fckpackage.xml fckstyles.xml   fcktemplates.xml外的所有文件,當然要保留editor文件夾

               刪除fckeditor/editor/lang目錄下面除了en.js、 zh-cn.js外的所有文件

               刪除fckeditor\editor\filemanager目錄下面的connectors文件夾

               刪除editor\skins目錄下面除了default下面的文件夾,這個里面是皮膚,共有三種,可以在fckconfig.js里面設置。

          PS:demo下載:http://www.namipan.com/d/7218d2c0bf3e33e8aedf972b41d5d09f3efab0d8f53b0900

          再PS:有關中文亂碼問題請參考:http://hi.baidu.com/huqiwen/blog/item/c709aa18fa187a0135fa4103.html

          posted on 2010-03-02 16:28 小菜毛毛 閱讀(586) 評論(0)  編輯  收藏 所屬分類: FckEditor

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


          網站導航:
           
          主站蜘蛛池模板: 治县。| 和田市| 靖江市| 潼关县| 浦江县| 荥经县| 通山县| 湘乡市| 谷城县| 宣汉县| 松江区| 绥德县| 印江| 广平县| 横山县| 巴南区| 慈溪市| 久治县| 九龙城区| 正阳县| 禄劝| 九台市| 沁水县| 繁昌县| 浦城县| 富阳市| 花莲市| 恩平市| 文成县| 东乡| 仪征市| 轮台县| 巴楚县| 牡丹江市| 镇巴县| 东乡族自治县| 正宁县| 合水县| 辛集市| 文登市| 扬中市|