在J2EE应用中,大量用到在web页面上使用文本编辑器的地方,以前一直苦于找不到比较好的文本编辑器,要么是速度太慢,要么是功能不强,或者跟程序配合上问题较大。这两天发现了FCKeditor,试用了一下,觉得非常好,与J2EE程序的配合也非常方便。下面是应用的截图:
这个地址下载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即可,其他的一律可以删除。