在java平台中使用CKeditor的图片/文件下传功能

??????? 这个问题困扰了很久,在CKeditor官网上有找不到资料,都只有asp.net和php的,因此在这里写个例子希望能帮到大家.

原理部分:

??????? 在CKeditor的配置就如官网上所说的,这里就不再重复了,有需要就看下这里吧:

??????? http://docs.cksource.com/CKEditor_3.x/Developers_Guide/File_Browser_(Uploader)

??????? 不知道各位在java中应用CKeditor的时候是否有困扰,明明配置好,点击上传之后CKeditor却没有半点反应,主要原因是上传之后还需要返回一段js代码让其执行,才能正常使用CKeditor的图片/文件上传功能.

??????? 有留意过点击"上传文件"之后,返回到服务器的http请求就可以发现有以下字段CKEditorFuncNum,如:

??????? CKEditor=AddArticleAction_AText&CKEditorFuncNum=1&langCode=zh-cn

??????? 当我们完成好上传处理之后,还需要把CKEditorFuncNum这个属性和上传文件的URL返回给CKEditor,就能完成正常的功能了.

总结党可以直接看这:

??????? 我们需要返回的js代码如下 :

??????? <script type="text/javascript">window.parent.CKEDITOR.tools.callFunction(CKEditorFuncNum,URL , Message);</script>

??????? CKEditorFuncNum就是上传的时候请求里面的CKEditorFuncNum属性,如上面红色粗体,CKEditorFuncNum的值就是1了,URL就不用说啦,Message就是返回到客户端的信息,貌似可以为空,本人没测试过这个.

??????? 本人用struts2,返回的就如可以下了:

??????? <script type="text/javascript">window.parent.CKEDITOR.tools.callFunction('<s:property value="CKEditorFuncNum" escape="false" />','<s:property value="imageFileName" escape="false" />' , '文件上传成功!');</script>

??????? 这样已经完成了B-S之间的交互了,上文写的不好或者有错误请指出,谢谢!

5 楼 yixietianxia 2011-09-13  

                                           

6 楼 soumns 2011-09-14  

有demo的联系QQ 674441325啊