单独使用Ckfinder[转]

weixin_30507481

于 2012-04-07 10:26:00 发布

阅读量170

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/diulela/archive/2012/04/07/2435717.html

本文介绍了一种不依赖CKEditor或FCKeditor独立使用CKFinder的方法。通过加载CKFinder.js文件并定义相应函数，可以实现文件浏览和选择的功能。

一般我们用ckfinder都是与ckeditor或者fckeditor一起使用. 但是有时候需要独立使用我们怎么办呢.跟着写一次下面的代码就能独立使用了ckfinder了
首先加载ckfinder.js文件
文中会出现__DIR__, 这个是指你的ckfinder的路径

<script type="text/javascript" src="__DIR__ckfinder.js"></script>
<script type="text/javascript">
function BrowseServer() 
    {

var finder = new CKFinder() ; 
         finder.basePath = '__DIR__' ;
     　　 finder.selectActionFunction = SetFileField;
         finder.popup() ;
     }

function SetFileField( fileUrl, data ) 
     {
           $('#file).val(fileUrl);
     }
</script>
<input type="text" name="file" id="file" onclick="BrowseServer();" />