将FCKeditor文本编辑器添加到javaweb项目中

来源:互联网 发布:linux 应用层驱动 编辑:程序博客网 时间:2024/05/17 09:20

1.下载FCKEditor项目。地址
    http://download.csdn.net/detail/silence4444silence/9737134
2.拷贝FCKeditor-2.3.jar包到项目lib文件夹下
3.将fredck.FCKeditor包拷贝到项目的src下中
3.将fckeditor的包(javascript操作)拷贝到WebRoot下
5.将FCK的标签库FCKeditor.tld拷贝到WEB-INF下,并在页面引入标签库
    <%@taglib prefix="FCK" uri="/WEB-INF/FCKeditor.tld" %>
注意:如果路径不同,请修改:

<taglib>
 <tlibversion>2.3</tlibversion>
 <jspversion>1.1</jspversion>
 <shortname>FCKeditor</shortname>
 <uri>http://fckeditor.net/tags-fckeditor</uri>
 <info>FCKeditor taglib</info>
 <tag>
  <name>editor</name>
  <tagclass>cn.itcast.fredck.FCKeditor.tags.FCKeditorTag</tagclass>
  <bodycontent>JSP</bodycontent>
  <attribute>
   <name>id</name>
   <required>true</required>
    </attribute>
  <attribute>
   <name>basePath</name>
   <required>false</required>
   <rtexprvalue>true</rtexprvalue>
    </attribute>

6.修改web.xml,在web容器启动的时候,加载FCK文本编辑器
   注意:如果路径不正确,修改路径
  
 <servlet>
  <servlet-name>Connector</servlet-name>
  <servlet-class>cn.itcast.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
  <init-param>
   <param-name>baseDir</param-name>
   <param-value>/UserFiles/</param-value>
  </init-param>
  <init-param>
   <param-name>debug</param-name>
   <param-value>true</param-value>
  </init-param>
  <load-on-startup>1</load-on-startup>
 </servlet>


 <servlet>
  <servlet-name>SimpleUploader</servlet-name>
  <servlet-class>cn.itcast.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
  <init-param>
   <param-name>baseDir</param-name>
   <param-value>/UserFiles/</param-value>
  </init-param>
  <init-param>
   <param-name>debug</param-name>
   <param-value>true</param-value>
  </init-param>
  <init-param>
   <param-name>enabled</param-name>
   <param-value>true</param-value>
  </init-param>
  <init-param>
   <param-name>AllowedExtensionsFile</param-name>
   <param-value></param-value>
  </init-param>
  <init-param>
   <param-name>DeniedExtensionsFile</param-name>
   <param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
  </init-param>
  <init-param>
   <param-name>AllowedExtensionsImage</param-name>
   <param-value>jpg|gif|jpeg|png|bmp</param-value>
  </init-param>
  <init-param>
   <param-name>DeniedExtensionsImage</param-name>
   <param-value></param-value>
  </init-param>
  <init-param>
   <param-name>AllowedExtensionsFlash</param-name>
   <param-value>swf|fla</param-value>
  </init-param>
  <init-param>
   <param-name>DeniedExtensionsFlash</param-name>
   <param-value></param-value>
  </init-param>
  <load-on-startup>1</load-on-startup>
 </servlet>
 <!-- end -->
 

 <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> 
   <!-- end -->

7.在页面中添加:FCK

<FCK:editor id="content"  basePath="${pageContext.request.contextPath }/fckeditor/" height="300"  toolbarSet="Basic"   
                imageBrowserURL="${pageContext.request.contextPath }/fckeditor/editor/filemanager/browser/default/browser.html?                                  Type=Image&Connector=connectors/jsp/connector"  
                linkBrowserURL="${pageContext.request.contextPath }/fckeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector">
 </FCK:edito r> 

8.注意:
    上传图片时弹出Error on file upload.Error number:203
    原因:fck的servlet被struts2转发了 
    解决:在web.xml中修改filter-mapping 将

 <filter>
             <filter-name>struts2</filter-name>
             <filter-class> org.apache.struts2.dispatcher.FilterDispatcher </filter-class>
         </filter>
         <filter-mapping>
             <filter-name>struts2</filter-name>
             <url-pattern>/*</url-pattern
         </filter-mapping> 
   修改成 
         <filter>
             <filter-name>struts2</filter-name>
             <filter-class> org.apache.struts2.dispatcher.FilterDispatcher </filter-class>
         </filter>
         <filter-mapping>
             <filter-name>struts2</filter-name>
             <url-pattern>*.do</url-pattern>
             <url-pattern>*.jsp</url-pattern>
         </filter-mapping> 

0 0
原创粉丝点击