隨筆 - 8 
文章 - 24 
trackbacks - 0


           
	

          

          
	
		
          
			
          
	
          
		
          <2007年10月>
          
	
          日一二三四五六
          30123456
          78910111213
          14151617181920
          21222324252627
          28293031123
          45678910
          

          

          
			
			

          常用鏈接
          


          留言簿(4)
          




		
          隨筆檔案
          
		
				
			
	




          搜索
          

            
	
          • 
		
          •  
	
            • 

          


          最新評論
	
          

          
	
			
		

          


          閱讀排行榜
          



          評論排行榜
          


          		
	

          

          
	
					


          
	
	1.介紹
          
    FCKeditor 是一個使用廣泛,支持多語言的在線HTML編輯器,它支持asp,php,jsp等常見的網(wǎng)絡(luò)編程語言.它的官方網(wǎng)站是:http://www.fckeditor.net/ 目前最新版本是2.4.3 ,百度空間等大型的網(wǎng)站都有用到FCKeditor
          

          
2.下載
          
              我們今天討論的是在java環(huán)境下的使用.我們要下載兩個文件包.一個是FCKeditor的主文件包,還有一個是用來實(shí)現(xiàn)JSP tag,和處理文件的上傳和瀏覽的FCKeditor For Jsp 的壓縮包.
          
    下載地址:http://sourceforge.net/project/showfiles.php?group_id=75348
          
     選擇下載: FCKeditor_2.4.3.zip 和 FCKeditor.Java 里的 FCKeditor-2.3.zip
          
     下載完成后解壓.  就像下面的樣子:
          
    
          

          
3.拷貝文件
          
    a.首先把FCKeditor_2.4.3里的fckeditor拷貝到你的網(wǎng)站文件根目錄.一般是WebRoot或WebContent下面并把_samples文件夾和一些不要的asp,php 文件刪除.網(wǎng)站的目錄結(jié)構(gòu)就像下面的這個樣子:
          

          
    b.把FCKeditor-2.3(也就是FCKeditor For Java 的那個文件夾)下的\web\WEB-INF\lib目錄下的FCKeditor-2.3.jar和commons-fileupload.jar拷貝到你網(wǎng)站的WEB-INF/lib下面
          
    
          
    拷貝到:
          

          

          
4.配置Servlet
          
              我們要把處理圖片上傳的Servlet配置到web.xml里: 我的寫法是這樣的:

            <!-- FCKeditro 配置 -->
          
            <servlet>
          
                  <servlet-name>Connector</servlet-name>
          
                  <servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
          
                  <init-param>
          
                      <param-name>baseDir</param-name>
          
                      <param-value>/UserFiles/</param-value>
          
                  </init-param>
          
                  <init-param>
          
                      <param-name>debug</param-name>
          
                      <param-value>true</param-value>
          
                  </init-param>
          
                  <load-on-startup>1</load-on-startup>
          
              </servlet>
          

          
              <servlet>
          
                  <servlet-name>SimpleUploader</servlet-name>
          
                  <servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
          
                  <init-param>
          
                      <param-name>baseDir</param-name>
          
                      <param-value>/UserFiles/</param-value>
          
                  </init-param>
          
                  <init-param>
          
                      <param-name>debug</param-name>
          
                      <param-value>true</param-value>
          
                  </init-param>
          
                  <init-param>
          
                      <param-name>enabled</param-name>
          
                      <param-value>true</param-value>
          
                  </init-param>
          
                  <init-param>
          
                      <param-name>AllowedExtensionsFile</param-name>
          
                      <param-value></param-value>
          
                  </init-param>
          
                  <init-param>
          
                      <param-name>DeniedExtensionsFile</param-name>
          
                      <param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
          
                  </init-param>
          
                  <init-param>
          
                      <param-name>AllowedExtensionsImage</param-name>
          
                      <param-value>jpg|gif|jpeg|png|bmp</param-value>
          
                  </init-param>
          
                  <init-param>
          
                      <param-name>DeniedExtensionsImage</param-name>
          
                      <param-value></param-value>
          
                  </init-param>
          
                  <init-param>
          
                      <param-name>AllowedExtensionsFlash</param-name>
          
                      <param-value>swf|fla</param-value>
          
                  </init-param>
          
                  <init-param>
          
                      <param-name>DeniedExtensionsFlash</param-name>
          
                      <param-value></param-value>
          
                  </init-param>
          
                  <load-on-startup>1</load-on-startup>
          
              </servlet>
          

          
            <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>
          
            <!-- 結(jié)束FCKeditor配置 -->
          

          
    一共有2個servlet.
          

          
5.配置Jsp
          
              要在JSP頁面上能顯示出來編輯器的話,還要在JSP頁面調(diào)用FCKeditor,調(diào)用的方法可以有很多種,可以用Java代碼調(diào)用,也可以是純javascript,asp,JSP Tag.在本例中,我們用JSP Tag調(diào)用:
          
    假設(shè)在你的頁面表單中新聞內(nèi)容字段名為content的話.那JSP的代碼如下:
          
    a.在頁面的頭部引入Taglib:

          <%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %>
          

          
    b.在頁面相應(yīng)的部分嵌入tag:
          

                      <tr>
          
                          <td colspan="2" height="500px;">
          
                              <FCK:editor id="content" basePath="fckeditor/" height="500"
          
                        imageBrowserURL          ="../filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
          
                        linkBrowserURL          ="../filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
          
                        flashBrowserURL          ="../filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
          
                        imageUploadURL          ="../filemanager/upload/simpleuploader?Type=Image"
          
                        linkUploadURL          ="../filemanager/upload/simpleuploader?Type=File"
          
                        flashUploadURL          ="../filemanager/upload/simpleuploader?Type=Flash">
          
                                  <%= U.f(doc.getContent()) %>
          
                              </FCK:editor>
          
                          </td>
          
                      </tr>
          
    那個 <%= U.f(doc.getContent()) %> 是用來設(shè)置初始值的.您可以換成你的代碼.
          

          
6.完成 
          
    如果您的完全按照我的這樣的方法陪置,那你現(xiàn)在就可以正常的用它了.要是不是的話,就是路徑不對導(dǎo)致的問題,那你要自己調(diào)一下了.也就是說servlet里的url-pattern和FCK標(biāo)簽里的那些URL要調(diào)一下.如果是用默認(rèn)的話,其它地方就不用調(diào),如果你要個性化,那調(diào)的地方就多了.呵呵.自己倒騰吧.
          
    Servlet 加載成功的話,tomcat啟動時(shí)會打印如下信息:
          
    

          ---- SimpleUploaderServlet initialization started ----
          

          
php          |php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi
          
          0 - php
          
          1 - php3
          
          2 - php5
          
          3 - phtml
          
          4 - asp
          
          5 - aspx
          
          6 - ascx
          
          7 - jsp
          
          8 - cfm
          
          9 - cfc
          
          10 - pl
          
          11 - bat
          
          12 - exe
          
          13 - dll
          
          14 - reg
          
          15 - cgi
          
jpg          |gif|jpeg|png|bmp
          
          0 - jpg
          
          1 - gif
          
          2 - jpeg
          
          3 - png
          
          4 - bmp
          

          
swf          |fla
          
          0 - swf
          
          1 - fla
          

          
          ---- SimpleUploaderServlet initialization completed ----
          

          
    下面是成功的圖片,可以上傳圖片.
          

          
 
          
第一次這么認(rèn)真的寫B(tài)LOG,希望能幫到一些朋友,呵呵,有什么問題也可以留言.我們一起討論. 
 
	
          posted on 2007-09-23 14:06 Vincent.Yu 閱讀(1627) 評論(9)  編輯  收藏  
          

          







          
	    
    


          
FeedBack:

          
	

		
          
			
          
			
          # re: FCKeditor 在 Java Web Application 里應(yīng)用的簡單方法[未登錄] 2007-09-23 14:55 Bomber
          
				
          不錯，頂一下。  回復(fù)  更多評論
            
			
          
		
          
	
		
          
			
          
			
          # re: FCKeditor 在 Java Web Application 里應(yīng)用的簡單方法[未登錄] 2007-09-23 22:02 海邊沫沫
          
				
		
          
	
		
          
			
          
			
          # re: FCKeditor 在 Java Web Application 里應(yīng)用的簡單方法 2007-09-23 23:51 Alexander.Yu
          
				
          樓上的寫的比我的全很多啊。呵呵。  回復(fù)  更多評論
            
			
          
		
          
	
		
          
			
          
			
          # re: FCKeditor 在 Java Web Application 里應(yīng)用的簡單方法 2007-09-24 00:00 BeanSoft
          
				
          收藏了, 呵呵.  回復(fù)  更多評論
            
			
          
		
          
	
		
          
			
          
			
          # re: FCKeditor 在 Java Web Application 里應(yīng)用的簡單方法 2007-09-24 11:16 Ming
          
				
          聽說蠻好用的，不過一直沒試，收了，呵呵  回復(fù)  更多評論
            
			
          
		
          
	
		
          
			
          
			
          # re: FCKeditor 在 Java Web Application 里應(yīng)用的簡單方法 2007-09-24 12:23 Alexander.Yu
          
				
          我們公司現(xiàn)在很多都用它，因?yàn)樽约簩懸粋€HTML編輯器也是成本很高的。也不一定好用。其實(shí)用它，在進(jìn)行權(quán)限控制方面也是很靈活的，你要重寫他的兩個Servlet就可以變得更適合你的項(xiàng)目。  回復(fù)  更多評論
            
			
          
		
          
	
		
          
			
          
			
          # re: FCKeditor 在 Java Web Application 里應(yīng)用的簡單方法[未登錄] 2007-10-13 00:16 apple0668
          
				
          不錯，學(xué)習(xí)收藏啦。  回復(fù)  更多評論
            
			
          
		
          
	
		
          
			
          
			
          # re: FCKeditor 在 Java Web Application 里應(yīng)用的簡單方法 2007-10-16 00:15 tristan
          
				
          兩個字：謝謝。  回復(fù)  更多評論
            
			
          
		
          
	
		
          
			
          
			
          # re: FCKeditor 在 Java Web Application 里應(yīng)用的簡單方法 2009-10-13 16:25 星期五
          
				
          路過 頂  回復(fù)  更多評論
            
			
          
		
          
	




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網(wǎng)站導(dǎo)航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
	



          



    







        
	




主站蜘蛛池模板：
大厂|
夏邑县|
安溪县|
曲麻莱县|
荃湾区|
新沂市|
华阴市|
成武县|
京山县|
沾益县|
赞皇县|
兰州市|
泾源县|
邛崃市|
安顺市|
漳浦县|
霸州市|
沙田区|
那坡县|
沙洋县|
英吉沙县|
蓬莱市|
旺苍县|
浙江省|
屏东市|
邛崃市|
元氏县|
鄄城县|
浦北县|
沽源县|
盘锦市|
兖州市|
遂宁市|
师宗县|
黑山县|
阜宁县|
建平县|
乐平市|
东光县|
综艺|
阳山县|