本文主要講解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按鈕如下圖所示