如何使用 CKFinder Javascript api？答案

【问题标题】：How to use the CKFinder Javascript api?如何使用 CKFinder Javascript api？
【发布时间】：2013-01-22 16:14:23
【问题描述】：

有趣的问题，但老实说，我无法访问（例如）CKFinder.dataTypes.Folder：http://docs.cksource.com/ckfinder_2.x_api/symbols/CKFinder.dataTypes.Folder.html。

我已经下载了用于 asp.net 的 CKFinder 2.x 演示以试用该实用程序，而智能感知唯一让我可以访问的是 window.CKFinder 对象及其一些方法，但没有别的。我在 ckfinder.js 中也找不到 Folder。

【问题讨论】：

您在 CKEditor 的支持资源上可能会更好？这听起来很专业。无论如何，重新标记

标签： javascript ckfinder

【解决方案1】：

正如Documentation 中所述，您可能无法直接访问它，而是应该在加载 CKFinder 对象后调用任何 Folder API 函数。

注意：CKFinder.dataTypes 命名空间不可直接访问（CKFinder.dataTypes 未定义）。数据类型由内部使用 CKFinder 并由许多函数返回，例如 CKFinderAPI#getSelectedFolder。

以下示例是 CKFinder 组件的 javascript 中的初始化，它显示了如何访问文件夹数据类型。

<script type="text/javascript">
    var finder = new CKFinder();
    finder.basePath = '/js/ckfinder/'; // The path for the installation of CKFinder (default = "/ckfinder/").
    // Setting custom width and user language.
    finder.width = '99%';
    finder.defaultLanguage = 'es';
    finder.language = 'es';

    finder.removePlugins = 'basket';
    //finder.selectActionFunction = showFileInfo;
    //finder.resourceType = 'Images';
    //finder.tabIndex = 1;
    //finder.startupPath = "Images:/";

    finder.callback = function( api ) 
    {
        api.openMsgDialog( "", "Almost ready to go!" );
        api.hideTool( "f2" );//hide flash folder
        api.openFolder('Images', '/');
        var folder = api.getSelectedFolder();
        //console.debug(folder);
        folder.createNewFolder( 'New Folder' );
        //api.setUiColor('white');
    };
    var api = (finder).create();

    //console.debug(api);
    //api.openMsgDialog("Sample title","Sample message."); //doesnt work here, CKFinder still not loaded.
</script>

【讨论】：

另外，在测试一些更改时，请确保关闭浏览器并再次打开它。我见过很多 CKFinder 的缓存和刷新配置问题。