2008年11月12日星期三

JSP中使用FCKeditor2.6

FCKeditor是使用广泛的一个开源的HTML Text编辑器,使用效果如图:

此说明使用FCK editor 2.6版本

首先下载要使用的文件

一、拷贝压缩包中的WEB-ROOT目录下的内容到项目的WEB-ROOT文件夹中,覆盖即可

二、把下面的内容拷贝到Web.xml中的web-app中
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class> net.fckeditor.connector.ConnectorServlet </servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<!-- Do not wrap this line otherwise Glassfish will fail to load this file -->
<url-pattern>/fckeditor/editor/filemanager/connectors/*</url-pattern>
</servlet-mapping>

三、JSP页第1步:在JSP页顶端加入指令
<%@ page import="net.fckeditor.*" %>
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>

第2步:在body的开始处加入JSP小脚本
<% FCKeditor fckEditor = new FCKeditor(request, "EditorDefault");
/*其中EditorDefault是提交页用于提取内容的Parameter的名,String s = request.getParameter("EditorDefault");*/
%>

第3步:在需要编辑器的地方放入下面的代码
<form action="接受提交的页面的URL" method="post" target="_blank">
<% fckEditor.setValue("这里可以放默认文字");
fckEditor.setHeight("500");
fckEditor.setWidth("700");
out.println(fckEditor);
%>
<br />
<input type="submit" value="提交" />
</form>

四、接收:
<% request.setCharacterEncoding("gbk");
response.setCharacterEncoding("gbk");
String s = request.getParameter("EditorDefault");
out.println(s);
//也可以把S的内容存入数据库,如论坛用户提交的信息
%>

五、配置在fckeditor目录中有一个fckconfig.js的脚本文件,修改它可以更改FCKeditor的配置
FCKConfig.LinkBrowser = false ; //是否允许插入连接时浏览服务器
FCKConfig.ImageBrowser = false ; //是否允许插入图像时浏览服务器
FCKConfig.FlashBrowser = false ; //是否允许插入Flash时浏览服务器
FCKConfig.LinkUpload = true ; //插入连接时是否允许上传
…………

修改后要清空浏览器缓存才会生效
http://devgroupcn.blogspot.com/index.html

没有评论: