posts - 40, comments - 58, trackbacks - 0, articles - 0
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

FCKeditor2.6 for JSP 配置方法

Posted on 2008-06-24 16:55 Astro.Qi 阅读(1901) 评论(12)  编辑  收藏 所属分类: Java


1、首先登陆www.fckeditor.net/download下载FCKeditor的最新版本,需要下载2个压缩包,一个是基本应用,另一个是在为在jsp下所准备的配置。

      FCKeditor 2.6 下载地址:sourceforge.net/project/downloading.php

      FCKeditor.Java 下载地址:sourceforge.net/project/downloading.php

      下载之后分别为:FCKeditor_2.6.zipFCKeditor-2.3.zip 将它们分别解压。

2、首先在Eclipse下建立一个新项目例如:test 即http://localhost:8080/test

      在项目中新建文件夹 fckeditor_2.6

      然后将解压后的FCKeditor_2.6下fckeditor里面的editor目录及fckconfig.js、fckeditor.js、fckpackager.xmlfckstyles.xml、fcktemplates.xml文件拷贝到test项目fckeditor_2.6目录下

      将解压后的FCKeditor-2.3文件夹中web/WEB-INF/lib下的包拷贝到test项目的lib中。

      将FCKeditor-2.3文件夹下src下的FCKeditor.tld拷贝到test项目的WEB-INF下。

3、修改WEB-INF下的web.xml如下:

     <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_2.6/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
   </servlet-mapping>

   <servlet-mapping>
       <servlet-name>SimpleUploader</servlet-name>
       <url-pattern>/fckeditor_2.6/editor/filemanager/upload/simpleuploader</url-pattern>
   </servlet-mapping>

4、修改FCKeditor文件夹下的fckeditor.js

     修改第50行的FCKeditor.BasePath。

     改之后:
     50:FCKeditor.BasePath = 'fckeditor_2.6/';

5、修改FCKeditor文件夹下的fckconfig.js

  修改:

  FCKConfig.DefaultLanguage、FCKConfig.LinkBrowserURL、FCKConfig.ImageBrowserURL、FCKConfig.FlashBrowserURL、FCKConfig.LinkUploadURLFCKConfig.ImageUploadURLFCKConfig.FlashUploadURL

  改之后:
  FCKConfig.DefaultLanguage = 'zh-cn';

  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";

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

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

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

6、default.jsp内容如下:

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>FCKeditor测试</title>
<script type="text/javascript" src="fckeditor_2.6/fckeditor.js"></script>
</head>

<body>
<form method="post" action="default_do.jsp">
<table width="100%" border="0">
<tr>
    <td height="25">
      <textarea style="width:100%; height:400px;" id="
contest" name="contest">默认html或文字</textarea>
      <script type="text/javascript">
            var oFCKeditor = new FCKeditor('contest');
            //oFCKeditor.BasePath = 'fckeditor_2.6/';
            oFCKeditor.ToolbarSet = 'Default';
            oFCKeditor.Width = '100%';
            oFCKeditor.Height = '400';
            oFCKeditor.Value = 'Hello World';
            oFCKeditor.ReplaceTextarea();
            //oFCKeditor.Create();
      </script>
      <input type="submit" value="提交" />
    </td>
</tr>
</table>
</form>
</body>
</html>

7、default_do.jsp内容如下:

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>FCKeditor测试接收结果</title>
</head>

<body>
<%
    String contest = new String(request.getParameter("contest").getBytes("ISO8859_1"), "GB2312");
    out.print(contest);
%>
</body>
</html>

最后测试:http://localhost:8080/test/default.jsp


评论

# re: FCKeditor2.6 for JSP 配置方法  回复  更多评论   

2008-08-02 14:11 by
傻逼 乱复制
都不看下对不对

# re: FCKeditor2.6 for JSP 配置方法  回复  更多评论   

2008-08-03 01:06 by Astro.Qi
上楼的,你他妈的怕是一只癫狗,在这里乱咬人
有不对的,你他妈的B不晓得指出来哟
你这个杂种

# re: FCKeditor2.6 for JSP 配置方法  回复  更多评论   

2008-08-03 01:08 by 匿名
骂得好,博主我支持你

# re: FCKeditor2.6 for JSP 配置方法[未登录]  回复  更多评论   

2008-08-05 16:27 by test
博主骂的好,我支持你

# re: FCKeditor2.6 for JSP 配置方法  回复  更多评论   

2008-09-07 22:37 by ff
楼主谢谢你,按你的做终于成功了,非常感谢

# re: FCKeditor2.6 for JSP 配置方法  回复  更多评论   

2009-04-24 10:54 by sdf
痛恨这种只会copy的人....

# re: FCKeditor2.6 for JSP 配置方法[未登录]  回复  更多评论   

2010-03-23 01:30 by 老七
按照楼主的方式可以配置成功,但上传文件的时候提示权限不够. 查完问题后在这里补上.
谢谢楼主了

# re: FCKeditor2.6 for JSP 配置方法[未登录]  回复  更多评论   

2010-03-23 01:54 by 老七
上传文件的问题是因为目录不存在,创建目录的时候,由于权限不够,所以无法完成上传.在UserFiles下建立对应的文件夹即可完成上传.

# re: FCKeditor2.6 for JSP 配置方法  回复  更多评论   

2010-06-04 01:00 by Mavk
thank you

# re: FCKeditor2.6 for JSP 配置方法  回复  更多评论   

2010-09-27 17:30 by bluedonzen
朋友您好!按照你的配置,我在IE8里不能显示FCKeditor的界面,然后网页上有一个错误,说是FCKeditor未定义,我做了2遍都是如此。不知您是如何成功的,我看了路径配置应该都没问题的,谢谢!
bluedonzen@gmail.com

# re: FCKeditor2.6 for JSP 配置方法  回复  更多评论   

2011-06-17 10:19 by abelkong
嗯配置倒是没问题,不过没有我想要的效果
还有就是建议楼主能在每步操作有个截图,效果更好些

# re: FCKeditor2.6 for JSP 配置方法[未登录]  回复  更多评论   

2011-11-29 17:43 by 丫丫
额。。,我根据楼主的配置,上传图片也没有成功,。。
求详细QQ联系配置

只有注册用户登录后才能发表评论。


网站导航:
博客园   IT新闻   Chat2DB   C++博客   博问