FCKeditor这个在线HTML编辑工具具说是一个不错的东西,速度快而且稳定,而且还是开源的。以前我一直在写ASP代码,所以都是用的国产的eWebEditor。现在写JSP代码,所以就用到FCKeditor了。网上很多文章介绍它都是ASP程序的,现在我把它如何加入JSP的方法,写出来
先去下载一个FCKeditor,我下的是2.3版。再下一个FCKeditor.java 2.3 (FCKeditot for java) 这个文件就是用来让它支持JSP的。这里面还有一个东西,要下,就是xalan.jar。为什么要下呢,后面我们就知道了。xalan.jar的下载不太好找,xml.apache.org这个是它的网站,可以下一个。
好了,现在我们开始设置,先到tomcat->webapps里建立一个文件夹叫mysite。把FCKeditor里的/editor和fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四个文件copymysite文件夹里,因为别的文件对我们来说没有什么意义,还占用空间。再把FCKeditor.java 2.3中的web目录下的WEB-INF目录copy到mysite下(里面有commons-fileupload.jar, FCKeditor-2.3.jar,web.xml等几个文件), 把其中的src目录下的FCKeditor.tld文件copy到mysite/WEB-INF/下.这样它才支持JSP。
下面我们就要对其中的一些文件进行修改,不然不好用:
打开fckconfig.js 文件
修改
FCKConfig.DefaultLanguage = ‘zh-cn‘ ;
把FCKConfig.LinkBrowserURL等的值替换成以下内容:
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.FlashUploadURL
= FCKConfig.BasePath + ‘filemanager/upload/simpleuploader?Type=Flash‘ ;
FCKConfig.ImageUploadURL =
FCKConfig.BasePath + ‘filemanager/upload/simpleuploader?Type=Image‘ ;
打开WEB-INF下面的web.xml文件:
把SimpleUploader中的配置属性enabled定义为true(开启文件上传功能)
添加标签定义:
<taglib>
<taglib-uri>/mysite</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>
这样文件就设置完了。
这时建立一个文件试试。建立一个叫aaa.jsp的文件
在里面写上
<%@
page contentType="text/html; charset=gb2312" language="java" import="java.sql.*"
import="java.util.*" import="java.text.*" errorPage="" %>
<%@
page language="java" import="com.fredck.FCKeditor.*" %>
<%@ taglib
uri="/mysite" prefix="FCK" %>
<script type="text/javascript"
src="/mysite/fckeditor.js"></script>
<form
method="POST" action="Bs_Bulletin_save.jsp">
<table
width="100%" border="0" cellspacing="1"
cellpadding="2">
<tr>
<td width="19%" bgcolor="#F0F0F0" height="25"
align="right">
标题:
</td>
<td width="81%"
bgcolor="#F0F0F0"><INPUT TYPE="text" NAME="title"
size="58"></td>
</tr>
<tr>
<td
width="19%" height="300" bgcolor="#F0F0F0"> <div
align="center">中文信息设置<BR><BR>
<span style="color:
#FF0000">支持html(图片大小宽度不要超过170个象素)</span></div></td>
<td
width="81%"
bgcolor="#F0F0F0">
<textarea name="content" cols="58"
rows="15"></textarea>
<script
type="text/javascript">
var oFCKeditor = new FCKeditor(‘content‘)
;
oFCKeditor.BasePath = "/mysite/"
;
oFCKeditor.Height =
400;
oFCKeditor.ToolbarSet = "Default" ;
oFCKeditor.ReplaceTextarea();
</script>
</td>
</tr>
<tr>
<td width="19%" height="25"
bgcolor="#F0F0F0">发布时间:</td>
<td width="81%" bgcolor="#F0F0F0"><INPUT TYPE="text" NAME="datatimes"
value="<%=time%>"
size="58"></td>
</tr>
<tr>
<td
colspan="2" bgcolor="#F0F0F0">
<div
align="center"><input type="submit" value=" 添 加 "
name="cmdok"> <input type="reset" value=" 重 写 "
name="cmdcancel"></div></td>
</tr>
</table>
</form>
加红字的部分,就是调用这个在线编辑器了。现在我们可以试一下。
怎么样,很好用吧。上传的图看一下,哦,不好用,提示internal server error 500,这是为什么呢,
还记得一开始时,我们提到的xalan.jar吗,现在就要用到它了,很方便。你把xalan.jar放到lib文件夹里,关掉tomcat再重起一下,怎么样,好用了。呵呵。。。。。。。。。。