jsp中如何使用FCK编辑器

首先打开网站：http://sourceforge.net/projects/fckeditor/files/FCKeditor.Java/2.6/

分别下载：fckeditor-java-2.6-bin.zip、FCKeditor_2.6.8.zip

一、FCK配置

1、解压fckeditor-java-2.6-bin.zip后，将其lib下的jar包拷贝至工程的lib中；

2、FCKeditor_2.6.8.zip解压后，将fckeditor文件夹整个拷贝至WebRoot下。

3、配置web.xml

<!-- fckeditor配置 --> <servlet> <servlet-name>Connector</servlet-name> <servlet-class>net.cnki.tpi.cms.extend.ConnectorServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>Connector</servlet-name> <url-pattern> /fckeditor/editor/filemanager/connectors/* </url-pattern> </servlet-mapping>

 

二、FCK添加、修改、显示在jsp中

1、add.jsp

<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>

<script type="text/javascript" src="<%=path %>/fckeditor/fckeditor.js"></script>

在需要使用编辑器的地方加以下代码

<FCK:editor instanceName="contentTxt.txt"  height="200" value=" " />                  

  注意：此处保持value等于空，否则会抛空指针异常

 

2、update.jsp

<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>

<%@page import="net.cnki.tpi.cms.model.ContentTxt" %>

<script type="text/javascript" src="<%=path %>/fckeditor/fckeditor.js"></script>

注意：可能因为FCK标签中，不支持直接用struts2来取值，只能先将值取出，然后再显示。如下：

 <%
 String txt=" ";
 String txt1=" ";
 String txt2=" ";
 String txt3=" ";
 ContentTxt contentTxt = (ContentTxt)request.getAttribute("contentTxt");
 txt = contentTxt.getTxt();
 txt1 = contentTxt.getTxt1();
 txt2 = contentTxt.getTxt2();
 txt3 = contentTxt.getTxt3();
%>

在需要使用编辑器的地方加以下代码

<FCK:editor instanceName="contentTxt.txt"  height="200"  value="<%=txt%>" />

3、show.jsp

<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>

<%@page import="net.cnki.tpi.cms.model.ContentTxt" %>

<script type="text/javascript" src="<%=path %>/fckeditor/fckeditor.js"></script>

注意：可能因为FCK标签中，不支持直接用struts2来取值，只能先将值取出，然后再显示。如下：

 <%
 String txt=" ";
 String txt1=" ";
 String txt2=" ";
 String txt3=" ";
 ContentTxt contentTxt = (ContentTxt)request.getAttribute("contentTxt");
 txt = contentTxt.getTxt();
 txt1 = contentTxt.getTxt1();
 txt2 = contentTxt.getTxt2();
 txt3 = contentTxt.getTxt3();
%>

在需要显示的地方加以下代码

<%=txt%>

<%=txt2%>