ckfinder.net完全讲解二(添加文件夹右键餐单选项)

最新推荐文章于 2016-02-18 16:17:25 发布

zhangyuanwei88

最新推荐文章于 2016-02-18 16:17:25 发布

阅读量1.4k

点赞数

分类专栏： ckeditor.net ckfinder.net 文章标签： ckfinder ckfinder.net ckfinder单独使用 ckfinder多用户 ckeditor

本文链接：https://blog.youkuaiyun.com/zhangyuanwei88/article/details/9747845

版权

ckfinder.net 同时被 2 个专栏收录

10 篇文章

订阅专栏

ckeditor.net

9 篇文章

订阅专栏

本文主要讲解ckfinder中如何添加文件餐单选项，按如下步骤进行：

1.添加js

<script src="Js/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="CkEditor/ckfinder/ckfinder.js" type="text/javascript"></script>
    <script type="text/javascript">
        function BrowseServer(inputId) {
            var finder = new CKFinder({ width: 600 });
            finder.basePath = 'CkEditor/ckfinder/';
            finder.callback = function (api) {
                var menuItem = {
                    label: 'Show Url',
                    command: 'DisplayUrl'
                };
                api.addFolderContextMenuOption(menuItem, function (api, folder) {
                    api.openMsgDialog("", "The URL of the selected folder: " + folder.getUrl());
                }
               );
            }
            finder.popup(); //调用ckfinder
        }

        $(function () {
            $("#btnAdd").click(function () {
                BrowseServer("aa");
            });
        });
    </script>

2.添加按钮调用BrowseServer函数

<div>
        <input type="button" id="btnAdd" value="上传" />
</div>

3.点击上传按钮弹出对话ckfinder上传对话框。

4.点击对话框右侧文件选项，右键就会出现如下show url按钮如下图所示