注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

jiwenxu的博客

CODE

 
 
 

日志

 
 

FCKeditor在线文本编辑器的使用  

2008-08-20 18:29:35|  分类: J2EE |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
开始:
新建工程,名称为 fekeditor
解压 FCKeditor-2.3.zip 包中的 \src 下的 FCKeditor.tld 文件到项目的 WebContent\WEB-INF 目录
解压 FCKeditor_2.3.1 包中的 fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 文件夹到项目中的 WebContent 目录
解压 FCKeditor-2.3.zip 包中的 \web\WEB-INF\lib 下的两个 jar 文件到项目的 WebContent\WEB-INF\lib 目录
解压 FCKeditor-2.3.zip 包中的 \src 下的 FCKeditor.tld 文件到项目的 WebContent\WEB-INF 目录
删除 WebContent\edit 目录下的 _source 文件夹






修改 web.xml 文件,加入以下内容:
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客<servlet>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<servlet-name>Connector</servlet-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<servlet-class>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  com.fredck.FCKeditor.connector.ConnectorServlet    
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</servlet-class>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-name>baseDir</param-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<!-- 此为文件浏览路径 -->   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-value>/UserFiles/</param-value>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-name>debug</param-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-value>true</param-value>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<load-on-startup>1</load-on-startup>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客
</servlet> <servlet>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<servlet-name>SimpleUploader</servlet-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<servlet-class>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  com.fredck.FCKeditor.uploader.SimpleUploaderServlet    
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</servlet-class>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-name>baseDir</param-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<!-- 此为文件上传路径,需要在WebContent 目录下新建 UserFiles 文件夹 -->   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<!-- 根据文件的类型还需要新建相关的文件夹 Image、 Flash -->   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-value>/UserFiles/</param-value>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-name>debug</param-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-value>true</param-value>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<!-- 此参数为是否开启上传功能 -->   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-name>enabled</param-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-value>false</param-value>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客     
<param-name>AllowedExtensionsFile</param-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-value></param-value>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<init-param>    
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<!-- 此参数为文件过滤,以下的文件类型都不可以上传 -->   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-name>DeniedExtensionsFile</param-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-value>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客   php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi    
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
</param-value>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-name>AllowedExtensionsImage</param-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-value>jpg|gif|jpeg|png|bmp</param-value>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-name>DeniedExtensionsImage</param-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客      
<param-value></param-value>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-name>AllowedExtensionsFlash</param-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-value>swf|fla</param-value>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-name>DeniedExtensionsFlash</param-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<param-value></param-value>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</init-param>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<load-on-startup>1</load-on-startup>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客
</servlet> <servlet-mapping>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<servlet-name>Connector</servlet-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<url-pattern>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  /editor/filemanager/browser/default/connectors/jsp/connector  
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</url-pattern>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客
</servlet-mapping>  
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客
<servlet-mapping>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<servlet-name>SimpleUploader</servlet-name>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<url-pattern>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  /editor/filemanager/upload/simpleuploader    
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
</url-pattern>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客
</servlet-mapping> 
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客



新建一个提交页 jsp1.jsp 文件和一个接收页 jsp2.jsp 文件
 jsp1.jsp文件: 
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客<%@ page contentType = "text/html;charset=UTF-8" language = "java" %>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客
<%@ taglib uri = "/WEB-INF/FCKeditor.tld" prefix = "fck" %> 
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客
<html>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<head>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客    
<title> Test </title>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
</head>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客
<body>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客    
<FORM action = "jsp2.jsp" >   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客    
<fck:editor id = "testfck" basePath = "/fekeditor/"   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客    height 
= "100%"   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客    skinPath 
= "/fekeditor/editor/skins/default/"   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客    toolbarSet 
= "Default"   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客    imageBrowserURL 
= "/fekeditor/editor/filemanager/browser/ 
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客default/browser.html?Type=Image&Connector=connectors/jsp/connector"
   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 linkBrowserURL 
= "/fekeditor/editor/filemanager/browser/ 
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客default/browser.html?Connector=connectors/jsp/connector"
   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 flashBrowserURL 
= "/fekeditor/editor/filemanager/browser/ 
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客default/browser.html?Type=Flash&Connector=connectors/jsp/ 
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客connector"
  
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客       imageUploadURL 
= "/fekeditor/editor/filemanager/upload/
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客      simpleuploader?Type=Image"
  
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客    linkUploadURL 
= "/fekeditor/editor/filemanager/upload/ 
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客simpleuploader?Type=File"
   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 flashUploadURL 
= "/fekeditor/editor/filemanager/upload/ 
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客simpleuploader?Type=Flash"
 >   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
</fck:editor>   
鐪嬬湅鎴戠殑Slide Show! - otyurak.hi - otyurak.hi的博客  
<input type="submit"/>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客    
</FORM>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
</body> 
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客
</html>
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客

 jsp2.jsp 代码如下:

FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客<html>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
<head>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客    
<title>TEST</title>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
</head>  
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客 
<body>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客    
<%=request.getParameter( "testfck" )%>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客  
</body>   
FCKeditor在线文本编辑器的使用 - 无聊的默默 - jiwenxu的博客
</html>
在 WebContent 目录下新建 UserFiles 文件夹,在此文件夹下新建 File,Image,Flash 三个文件夹,为上传文件存储目录。

注:File,Image,Flash三个文件夹:可以不用建,系统在你上传文件的同时自动创建。

jsp配置例子
http://www.javaeye.com/topic/54509
  评论这张
 
阅读(105)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018