在J2EE应用中安装及设置FCKeditor
Posted 君子藏器
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在J2EE应用中安装及设置FCKeditor相关的知识，希望对你有一定的参考价值。
【原创】
在J2EE应用中，大量用到在web页面上使用文本编辑器的地方，以前一直苦于找不到比较好的文本编辑器，要么是速度太慢，要么是功能不强，或者跟程序配合上问题较大。这两天发现了FCKeditor，试用了一下，觉得非常好，与J2EE程序的配合也非常方便。下面是应用的截图：
在J2EE应用中，大量用到在web页面上使用文本编辑器的地方，以前一直苦于找不到比较好的文本编辑器，要么是速度太慢，要么是功能不强，或者跟程序配合上问题较大。这两天发现了FCKeditor，试用了一下，觉得非常好，与J2EE程序的配合也非常方便。下面是应用的截图：
基本上我们需要的编辑功能它都能够实现，包括粘贴word格式的文档，上传图片，设置图片与文字的各种格式，预览，最重要是它不但完全免费，而且是多国语言的，对中文的支持也非常好。
下面我简单介绍一下如何在J2EE应用中使用FCKeditor。
1、下载
在 http://www.fckeditor.net/download/default.html下载FCKeditor的最新版本2.0RC，由于我们使用的是Java，还要在
下面我简单介绍一下如何在J2EE应用中使用FCKeditor。
1、下载
在 http://www.fckeditor.net/download/default.html下载FCKeditor的最新版本2.0RC，由于我们使用的是Java，还要在
这个地址下载FCKeditor for java的工具包，这里面提供了标签库和图片上传的jar。
2、安装
下载完成后，在J2EE应用中，假设为fcktest，建立文件夹FCKeditor，将FCKeditor_2.0中的editor目录及fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml等文件拷贝到FCKeditor目录下。
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－
<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>
</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
<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>
</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相关的文件外也可删除，
<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即可，其他的一律可以删除。
欢迎大家访问我的Blog
http://spaces.msn.com/members/guanhui/
以上是关于在J2EE应用中安装及设置FCKeditor的主要内容，如果未能解决你的问题，请参考以下文章