|
在J2EE应用中安装及设置FCKeditor
【原创】
在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即可，其他的一律可以删除。
2005/9/29 16:35:00
Posted by guanhui | 阅读全文 | 回复(7) | 引用通告 | 编辑 | 收藏该日志
|
