小菜毛毛技術分享

          與大家共同成長

            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

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


          網站導航:
           
          主站蜘蛛池模板: 红原县| 修文县| 巢湖市| 大兴区| 喜德县| 霍城县| 浦城县| 扎囊县| 辽源市| 肇源县| 陆丰市| 永兴县| 德庆县| 宁德市| 海伦市| 乌兰浩特市| 苍南县| 东山县| 新竹市| 彩票| 昭平县| 安陆市| 方山县| 黔西| 商河县| 皋兰县| 阿拉善左旗| 云南省| 常熟市| 惠州市| 榆林市| 通化市| 池州市| 英山县| 安西县| 淳化县| 尼木县| 遂宁市| 壤塘县| 罗甸县| 宁远县|