欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

CKEditor 上传文件后返回的内容

程序员文章站 2024-01-30 16:43:34
...

原文及更多精彩,在这里: http://yysource.sourceforge.net/?p=58

  CKEditor 的文档做的真心觉得不好,很多东西找起来好麻烦。比如说文件上传的问题。如果是想实现简单的文件上传,比如上传图片,可以这样:

 

			editor = CKEDITOR.replace('editor', {
				filebrowserImageUploadUrl : '/file/upload?type=image',
			});

  上传是可以了,但是却无法正常返回,在 Send to the Server 之后,按照官网里 demo 的结果,应该会直接跳到 Image Info 里,并且会自动将服务器返回的 url 填充到 URL 框中。要想实现官网的这个跳转和显示url的效果,有两个关键:

 

 

  1.是返回的内容必须为 text/html 格式,并且内容为:

<script type=\"text/javascript\">window.parent.CKEDITOR.tools.callFunction(2, '/path/to/file', 'error message');</script>

 

  2.其中,/path/to/file 中的路径名必须以斜杠“/”分隔,如果用的是反斜杠“\”,那么恭喜,它是不会自动跳转到 Image Info 里去的,并且 URL 里也不会有值。另外,error message 这一段可以去掉,为空表示没有错误,不为空则会弹出一个对话框显示 error message 的内容。