FCKeditor_2.6.4 + fckeditor-java-2.4.1-bin在线编辑页面jsp的实现

最近一直研究FCKeditor编辑,网上找了点资料。

  一,文件下载

1):FCKeditor_2.6.4.zip (主文件包,包含了主要的样式css,模版,js文件)
地址:http://nchc.dl.sourceforge.net/sourc...itor_2.6.4.zip 

2):fckeditor-java-2.4.1-bin.zip (JAVA支持包)地址http://nchc.dl.sourceforge.net/sourc...-2.4.1-bin.zip 

3)slf4j-1.5.6.zip 地址 :http://slf4j.org/dist/slf4j-1.5.6.zip

 

版本说明:

由于FckEditor for java 2.4相对于2.3而言做了许多改变,这些改变使得我们的Fckeditor配置起来更方便。例如: 
基础包名从:com.fredck.FCKeditor 改为 net.fckeditor. 
文件上传SimpleUploaderServle整合到了ConnectorServlet里面,WEB,XML的配置就简单多了

 

  二,环境搭建

  myeclipse 7.0+apache-tomcat-6.0.18+jdk1.5

 

  三,配置

  1.新建web工程newDemo

  2.将fckeditor_2.6.4.zip中的fckeditor文件夹复制到WebRoot下,将commons-fileupload-1.2.1.jar,commons-io- 1.3.2.jar,fckeditor-java-core-2.4.1.jar,slf4j-api-1.5.6.jar,slf4j- simple-1.5.6.jar或slf4j-jdk14-1.5.6.jar,共5个包导入到项目中。

  但是要注意,截止到2009-2-4,slf4j官方最新版本是 1.5.6,但是fckeditor提供的slf4j-api却是1.5.2版本,如果两个版本不一样的话,你将会在控制台看到如下的消息: 

严重: Servlet /Java threw load() exception 
java.lang.IllegalAccessError: tried to access field org.slf4j.impl.StaticLoggerBinder.SINGLETON from class 

org.slf4j.LoggerFactory

 

所以千万要注意版本一致问题。

3.在共程目录src/下新建一个文件fckeditor.properties,添加内容:connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl 保存即可。
4.web.xml修改

 


 xmlns="http://java.sun.com/xml/ns/javaee" 
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
 http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
 
    index.jsp
 

  
 
  Connector
  
   net.fckeditor.connector.ConnectorServlet
  

  1
 

  
 
  Connector
  
  /fckeditor/editor/filemanager/connectors/*
 


5.修改配置文件

 

修改fckconfig.js组件配置文件

模版样式修改

FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;

默认语言修改

FCKConfig.DefaultLanguage = 'zh-cn' ;

 

文件浏览的路径(FckEditor for java 2.4,旧版本如FckEditor for java 2.3等是需要修改的)

FCKConfig.LinkBrowserURL

FCKConfig.ImageBrowserURL

FCKConfig.FlashBrowserURL

 

上传文件的路径(新版本FckEditor for java 2.4是不需要修改的,旧版本如FckEditor for java 2.3等是需要修改的)

FCKConfig.LinkUploadURL

FCKConfig.FlashUploadURL

FCKConfig.ImageUploadURL

 

6.新建文件夹

 WebRoot下面新建 userfiles文件夹,userfiles下面新建file,image,flash,media这4个文件夹

 

7.新建jsp

在工程目录WebRoot下新建index.jsp,result.jsp两个文件, 
index.jsp:

  • 1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
    2. <%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %> 
    3. <% 
    4. String path = request.getContextPath(); 
    5. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
    6. %> 
    7.  
    8.  
    9.  
    10.  
    11. FCKeditor.java2.4 for FCKeditor2.6.3Beate text 
    12.  
    13.  
    14.  
    15.  
    16.  
    17.  
    18.  
    19.  
    20.
     
    21.  
    22.  
    23. 您的内容..... 
    24.
     
    25.
     
    26.  
    27.
     
    28. 
    29.  
    30.

  • result.jsp 
  • 1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
    2. <% 
    3. String path = request.getContextPath(); 
    4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
    5. %> 
    6.  
    7.  
    8.  
    9.  
    10. My JSP 'result.jsp' starting page 
    11.  
    12.  
    13.  
    14.  
    15.  
    16.  
    17.  
    18.  
    19. <%=request.getParameter("content") %> 
    20.  
    21.



在IE地址中输入:http://localhost:8080/newDemo OK,成功了!

 

6.乱码问题。

  result.jsp中加上<%request.setCharacterEncoding("UTF-8");%> 这样乱码问题就能解决了。

  其他问题如,上传图片的时候的中文名称乱码有待解决。。。。

 

7.注意,FCKeditor版本问题

  FckEditor for java 2.3或者早期的一些版本上需要将配置文件fckconfig.js里面的

1.更改文件浏览的路径:

FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;

FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;

FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;

2.更改上传文件的路径

FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;

FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;

FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;

 

   同时web.xml文件要修改为

    
       Connector
       com.fredck.FCKeditor.connector.ConnectorServlet
      
           baseDir
           /userfiles/
      

      
           debug
           true
      

       1
  


  
       SimpleUploader
       com.fredck.FCKeditor.uploader.SimpleUploaderServlet
      
           baseDir
           /userfiles/
      

      
           debug
           true
      

      
           enabled
           true
      

      
           AllowedExtensionsFile
          
      

      
           DeniedExtensionsFile
           php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi
      

      
           AllowedExtensionsImage
           jpg|gif|jpeg|png|bmp
      

      
           DeniedExtensionsImage
          
      

      
           AllowedExtensionsFlash
           swf|fla
      

      
           DeniedExtensionsFlash
          
      

       1
  



    Connector
    /fckeditor/editor/filemanager/browser/default/connectors/jsp/connector



    SimpleUploader
    /fckeditor/editor/filemanager/upload/simpleuploader

你可能感兴趣的:(Java,编程,网络编程)