冰面上的火焰

在J2EE应用中安装及设置FCKeditor

   在J2EE应用中,大量用到在web页面上使用文本编辑器的地方,以前一直苦于找不到比较好的文本编辑器,要么是速度太慢,要么是功能不强,或者跟程序配合上问题较大。这两天发现了FCKeditor,试用了一下,觉得非常好,与J2EE程序的配合也非常方便。下面是应用的截图:
 
 
      基本上我们需要的编辑功能它都能够实现,包括粘贴word格式的文档,上传图片,设置图片与文字的各种格式,预览,最重要是它不但完全免费,而且是多国语言的,对中文的支持也非常好。
下面我简单介绍一下如何在J2EE应用中使用FCKeditor。
1、下载
      在http://www.fckeditor.net/download/default.html下载FCKeditor的最新版本2.0RC,由于我们使用的是Java,还要在
http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=129511
这个地址下载FCKeditor for java的工具包,这里面提供了标签库和图片上传的jar。
2、安装
     下载完成后,在J2EE应用中,假设为fcktest,建立文件夹FCKeditor,将FCKeditor_2.0中的editor目录及fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml等文件拷贝到FCKeditor目录下。
 
     然后我们将FCKeditor-2.3\web\WEB-INF\lib中的两个jar包拷贝到\fcktest\WEB-INF\lib目录下,将FCKeditor-2.3\src下的FCKeditor.tld拷贝到\fcktest\WEB-INF下。
     编辑\fcktest\WEB-INF\web.xml文件,将FCKeditor-2.3\web\WEB-INF\web.xml里的内容复制过来,修改<servlet-mapping>里的内容为:
 <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>

   并且添加以下内容:
  <taglib>
  <taglib-uri>/FCKeditor</taglib-uri>
  <taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
  </taglib>

3、使用

      假设我们在根目录下建立了index.jsp页面,在该页面中希望使用文本编辑工具,可以参考下面的页面代码:
<%@ page contentType="text/html;charset=GBK"%>
<%@ taglib uri="/FCKeditor" prefix="FCK" %>
<html>
 <head>
  <title>Welcome</title>
  
 </head>
 <body>
 <form name="form1" action='success.jsp' method="post">
  <FCK:editor id="EditorAccessibility"
      width="80%" height="320"
      fontNames="宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier
New;Tahoma;Times New Roman;Verdana"
     
imageBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Type=Image&Connector=connectors/jsp/connector"
   
linkBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Connector=connectors/jsp/connector"
   
flashBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Type=Flash&Connector=connectors/jsp/connector"
   
imageUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
   
linkUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
   
flashUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">
   
  </FCK:editor>
  
  <input type="submit" name="SubM" value="发表" />
 </form>
 </body>
</html>
     在该页面中,我们使用了FCKeditor提供的标签,具体属性我就不详细介绍了,估计大家一看就明白了。

4、内容传递

      那么,我们如何使用FCKeditor中的内容呢,按照我们一般的做法,是将form提交到下一个页面进行处理,在该页面中得到编辑器中的内容,然后存入数据库等等。有两种方法,可以实现。
     第一,设置submit按钮,提交后,使用request.getParameter("EditorAccessibility"),即可得到相应的内容。
     第二,直接点击保存按钮,即可实现提交。
5、相关设置
    图片快速上传,需要修改web.xml文件中的
<init-param>
   <param-name>enabled</param-name>
   <param-value>false</param-value>
  </init-param>
      将其中false改为true,即可实现快速上传。
     不需要服务器启动时显示相关信息,可修改web.xml文件中的
<init-param>
   <param-name>debug</param-name>
   <param-value>true</param-value>
  </init-param>
     将其中的true改为false即可。
     清楚不需要的文件,editor目录下_source文件夹可以删除,editor\filemanager\browser\default\connectors下除jsp相关的文件外也可删除,
editor\filemanager\upload除jsp相关的文件外也可删除,editor\lang下的语言文件,保留英文和中文
及fcklanguagemanager.js即可,其他的一律可以删除。

posted on 2006-11-24 18:03 GuanHui 阅读(531) 评论(2)  编辑  收藏

评论

# re: 在J2EE应用中安装及设置FCKeditor 2006-11-24 18:28 BeanSoft

赞一个! 这个的确很好用的哦! 还有一个叫 TinyMCE. 不过发现有个问题: Firefox 2.0 下似乎 FckEditor 显示的不对劲哦....  回复  更多评论   

# re: 在J2EE应用中安装及设置FCKeditor 2008-05-20 22:47 kooen

小心黑客  回复  更多评论   


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


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