ckfinder.net完全講解一（文件右鍵添加菜單）

前面幾篇文章介紹瞭如何破解ckfinder和簡單的使用ckfinder與ckeditor集成使用，ckfindr單獨使用。在接下來幾篇文章會爲大家講解如何就原來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 Name',//餐單名稱
                    command: 'DisplayName'//餐單調用命令
                };
      //添加自定義餐單至餐單欄 
api.addFileContextMenuOption(menuItem, function (api, file) {//按鈕執行函數
                    api.openMsgDialog("", "The name of the selected file: " + file.name);//顯示信息
                });
            }
            finder.popup();//調用ckfinder
        }

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

2.添加調用按鈕

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

3.點擊上傳按鈕後彈出ckfinder上傳對話框

4.選中上傳了文件右鍵彈出下拉餐單，如下圖show name 餐單就是我們上面自定義的餐單