如何实现ckeditor文件上传

想把java web项目中的fckeditor在线文本编辑器升级到ckeditor，但又不想购买ckfinder来实现文件上传？老k将告诉你一个不用花钱就可以实现ckeditor上传文件的好方法，只要对fckeditor的filemanager做出几处修改，就可以集成fckeditor的文件上传管理器到ckeditor中使用，可以方便在文章中插入图片及flash。 1.在java web项目中集成fckeditor

如果你是把fckeditor升级到ckeditor的话，可以跳过这一步，否则请下载fckeditor的最终版本，然后把fckeditor文件夹复制到java web项目的webroot目录下。当然，你可以直接下载本文的示例项目fckeditro文件上传管理器集成到ckeditor示例项目 (0)来获得最终版本的fckeditor，而且是已经可以集成到ckeditor的fckeditor。 2.把java实现文件上传需要的jar复制到项目lib目录下

下载本文的示例项目后解压，把项目lib目录下的所有jar文件复制到你的项目的lib下面，如果不是通过myeclipse或者eclipse进行粘贴的话，你还需要把这些jar加入到项目编译路径下。

3.重写fckeditor实现文件上传的ConnectorServlet以解决中文乱码的问题

你可以直接到本文示例项目net.laokboke.servlet目录下的ConnectorServlet.java复制到你的项目的src目录下。

4.实现fckeditor的connector.userActionImpl

其实只需要把fckeditor.properties文件复制到你项目的src目录下就可以了 5.配置你的web.xml文件

配置上传文件的servlet，使tomcat启动的时候就加载该servlet，在web.xml中加入以下的代埋亮码：

<servlet>

<servlet-name>Connector</servlet-name> <servlet-class>

net.laokboke.servlet.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-mapping> <servlet-name>Connector</servlet-name>

<url-pattern>/fckeditor/connector</url-pattern>

</servlet-mapping>

6.修改fckeditor文件上传管理器的若干文件

这些文件全部位于fckeditor\editor\filemanager\browser\default\目录下，你只需要把本文的示例项目中同目录下的所有文件复制替换你的就可以了。 7.修改ckeditor的图像属性窗口js，屏蔽一些不必要的选项

该文件是位于ckeditor\plugins\image\dialogs\目录下的image.js文件，增加了291-293这几行代码。

8.在ckeditor集成fckeditor filemanager

其实就是在使用ckeditor时配置它的filebrowserBrowseUrl和filebrowserUploadUrl等属性，如以下js代码

<script type="text/javascript">CKEDITOR.replace( 'editor1', {

filebrowserBrowseUrl :

'<%=path %>/fckeditor/液液宴editor/filemanager/闹银browser/default/browser.html?Type=Image&Connector=/fckeditor/connector', filebrowserUploadUrl : '<%=path %>/fckeditor/connector?Type=Image'

})</script>

完美去除eWebEditor上传文件类型限制和上传大小限制的方法

在文件夹 \WebEditor\asp\config.asp 文件中第31行如下:

aStyle(9) = "coolblue|||blue|||coolblue|||uploadfile/|||550|||350|||rar|zip|exe|doc|xls|chm|hlp|pdf|txt|ppt|||swf|||gif|jpg|jpeg|bmp|||rm|mp3|wav|mid|midi|ra|avi|mpg|mpeg|asf|asx|wma|mov|||gif|jpg|jpeg|bmp|||5000|||100|||100|||100|||100|||1|||1|||EDIT|||1|||0|||0|||||||||1|||0|||(Default Style) Cool blue interface, blue tone, standard style, some of the commonly used buttons, standard suitable width for the interface|||1|||en|||0|||500|||300|||0|||Copyright...|||000000|||12|||Verdana||||||0|||jpg|jpeg|||300|||FFFFFF|||1"

程序中调用代码如下:

For i = 1 To Ubound(aStyle)

aStyleConfig = Split(aStyle(i), "|||")

If Lcase(sStyleName) = Lcase(aStyleConfig(0)) Then

bValidStyle = True

Exit For

End If

Next

我使用的是coolblue 样脊余式,所以是上面的那一条记录啦,下面是针对Split出来的数组数据的描述

0=样式名称，

1=按钮图标文件夹，

2=Css样式文仿桐件夹，

3=上传文件保存位置，

4=最佳调用宽度，

5=最佳调用高度

文件类型：

6=其他，

7=动画，

8=图像，

9=媒体，

10=远程自动上传

文件大小：

11=其他，

12=动画，

13=图像，

14=媒体，

15=远程自动上传

无用设置：

16=是否显示状态栏，

17=是否在粘贴Word文档的时候提示清理，

18=默认编辑模式

19=路径模式：[0=相对路径，1=绝对路径，2=绝对根路径]

20=上传组件：[0=无组件上传，免费版本只提供无组件上传，如果想使用其他上传方式请与官方联系购买正式版]

21=保存模式：[用于将所上传的文件分目录保存，选项有：年月日目录，年月目录，日目录等，免费版本无此功樱大滚能！]

23=显示路径

无用设置：

24=是否自动上传远程文件，

25=默认是否显示指导方针，

26=编辑器样式简介,

27=是否允许自动选择语言，

28=默认语言

无用设置：29=，30=，31=，32=，33=，34=，35=，36=，37=，38=，39=，40=，41=，42=

也就说把500改成5000就是大小限制变为5000K，其他类似。

有的eWebEditor里在Config.asp文件也不同，一开始的时候我的是限制在100k的，我就用了替换，把所有100换成400,反正无错，现在可以上传400k的图。

在excel插入PDF、excel、word方法如下：

启动excel,依次点击菜单“插入”-“对象”

在打开的“对象”对话框中，点击“由文件创建”选项卡，点击【浏览】按钮梁明，选择插入的文件，且勾选“链接到文件”、“显示为橡灶告图标”-【确定】即可；

完成，需注意的是：机器中辩旦需要安装打开相关文件的工具。

word中插入的方法与Excel相同

---