CKEditor 上传文件后返回的内容

SJY发表于:2016年12月28日 14:04 • 阅读:

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 的内容。

欢迎转载,但请保留原文地址 http://www.sjyhome.com/articles/ckeditor-upload-files-return-content.html

标签: CKEditor

回复(0)