聘我网

新概念招聘3.0

如何为ckeditor集成上传功能?

vote up0vote downstar

看它的demo支持上传,是用的ckfinder,结果看ckfinder与ckeditor的集成文档,发现写得实在太不详细了,不知道是否作者故意的。。。有没有什么简单的方法?

 

4 个答复

vote up0vote downcheck

ckeditor的文档是挺恶心的,

其实很简单,不知道为何就是没说清楚

editor = CKEDITOR.appendTo( 'editor',{
    filebrowserBrowseUrl : '/browser/browse/type/all',
    filebrowserUploadUrl : '/browser/upload/type/all',
    filebrowserImageBrowseUrl : '/browser/browse/type/image',
    filebrowserImageUploadUrl : '/browser/upload/type/image',
    filebrowserWindowWidth  : 800,
    filebrowserWindowHeight : 500
});

其实就是指定一个BrowseUrl以及一个UploadUrl,

BrowseUrl对应的页面调用window.opener.CKEDITOR.tools.callFunction(<?php echo $callback; ?>,url) 来告诉CKEDITOR选中的文件,其中$callback是打开BrowseUrl时的GET参数CKEditorFuncNum,以下同。

UploadUrl对应的页面返回类似<script type="text/javascript">window.parent.CKEDITOR.tools.callFunction('.$callback.', "'.$url.'","'.$msg.'");</script>的代码段。

还有不清楚的玩一下那个demo应该可以明白~

更新

更多详细的介绍:

http://docs.cksource.com/CKEditor3.x/DevelopersGuide/FileBrowser%28Uploader%29 http://docs.cksource.com/CKEditor3.x/DevelopersGuide/FileBrowser%28Uploader%29/CustomFileBrowser

更新2

提交时需要把ckeditor的iframe中的内容读取出来,否则不会自动提交:

$('form').submit(function(){
        $("#editorcontents").val(editor.getData()); 
        return true;
    });
链接
vote up0vote down

If your articles are always this hlepufl, "I'll be back."

链接
vote up0vote down

The paragon of understanding these isesus is right here!

链接
vote up0vote down

That's an ingenious way of thnkiing about it.

链接

您的回答





不是您要找的问题? 浏览其他含有标签 的问题或者 自己问个.