Jsp中使用FCKeditor上传图片
来源:互联网 发布:软件企业研发管理制度 编辑:程序博客网 时间:2024/05/07 18:02
FCKeditor功能还真是强大,但它好像对Jsp不大敏感,网上介绍的文章也少。赶上最近要研究用FCKeditor上传图片,刚发现了几篇,加上自己的研究成果,赶快总结一下。
先去下载一个FCKeditor,再下一个FCKeditor.java 2.3 (FCKeditot for java) 这个文件就是用来让它支持JSP的,我找了FCKeditor的官网,不过下载地址好像不大好用,建议去http://sourceforge.net/下载。网上说还有一个东西要下,就是xalan.jar,xml.apache.org是它的网站。
现在开始设置,先到tomcat->webapps里建立一个文件夹叫mysite。把FCKeditor里的/editor和fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四个文件copy到mysite文件夹里,因为别的文件对我们来说没有什么意义。再把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>
这样文件就设置完了,这时建立一个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="#F
<td width="81%" bgcolor="#F
</tr>
<tr>
<td width="19%" height="300" bgcolor="#F
<div align="center">中文信息设置<BR><BR>
<span style="color: #FF0000">支持html(图片大小宽度不要超过170个象素)</span></div>
</td>
<td width="81%" bgcolor="#F
<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="#F
<td width="81%" bgcolor="#F
</tr>
<tr>
<td colspan="2" bgcolor="#F
<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再重起一下,应该好用了……
注意,如果想把这个控件融入你现有的web应用系统中,就不需要新建mysite了,你可以这样做:
1、把FCKeditor里的/editor和fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四个文件直接copy到现有web应用的某个目录下。
2、把FCKeditor.java 2.3中WEB-INF目录里的commons-fileupload.jar, FCKeditor-2.3.jar放在现有系统的lib目录下。
3、在现有系统的web.xml中加入FCKeditor.java 2.3中web.xml的配置信息,并添加标签定义:
<taglib>
<taglib-uri>/mysite</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>
这里别忘了把SimpleUploader中的配置属性enabled定义为true以开启文件上传功能!
4、然后把FCKeditor.tld文件copy到现有系统的WEB-INF/下,这样就可以了。当然,FCKeditor.tld的位置不是绝对的,你可以放在其它地方,只要在前面的标签定义中指定相应的位置就行了。
附:FCKeditor.java中web.xml配置信息
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>com.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>false</param-value><!--启动服务时是否显示调试信息 -->
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet>
<servlet-name>SimpleUploader</servlet-name>
<servlet-class>com.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>false</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>2</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>/webapp/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern><!--FCKeditor所在目录,即/editor和fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四个文件所在目录 -->
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/webapp/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern><!--FCKeditor所在目录 -->
</servlet-mapping>
<taglib>
<taglib-uri>/home/project/law/FCKeditor</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location><!--FCKeditor.tld路径 -->
</taglib>
- Jsp中使用FCKeditor上传图片
- Jsp中使用FCKeditor上传图片
- Jsp中使用FCKeditor上传图片
- Jsp中使用FCKeditor上传图片
- Jsp中使用FCKeditor上传图片
- Jsp中使用FCKeditor上传图片
- JSF(JSP)中使用FCKeditor上传图片问题的解决
- Fckeditor中使用图片上传
- J2EE学习笔记——JSP使用Fckeditor 上传图片
- JSP中使用FCKeditor
- ie9中无法使用fckeditor上传图片,解决办法
- 在JSP中使用FCKeditor
- jsp中上传图片(使用ajaxfileupload)
- 删除fckEditor编辑器中上传的图片
- jsp中上传图片
- 彻底解决fckeditor(jsp版)上传中文图片乱码问题
- 解决fckeditor(jsp版)上传中文图片乱码问题
- jsp修改fckeditor上传图片路径 绝对路径的修改
- 面向 Java 开发人员的 db4o 指南: 结构化对象和集合
- 建立数据模型
- Eclipse 常用快捷键
- POSIX 文件能力:分配根用户的能力
- 我喜欢汉语编程易语言的原因
- Jsp中使用FCKeditor上传图片
- 应用程序架构本质,第 4 部分: 创建灵活环境以支持发展
- 希腊自助游 - 米岛圣岛,迷失在蓝白之间
- 王通:站内搜索引擎的SEO策略
- IBM AIX 上工作负载分区(Workload Partition)管理的介绍
- 正确地使用SAP的标准对话框函数
- 如何禁止打开重复程序
- 闲扯原码、反码、补码
- 使用 XUL 实现浏览器扩展,第 2 部分: 组建一个跨平台的 Firefox 扩展