ckfinder.net完全讲解一(文件右键添加菜单)
2013-08-04 16:16
316 查看
前面几篇文章介绍了如何破解ckfinder和简单的使用ckfinder与ckeditor集成使用,ckfindr单独使用。在接下来几篇文章会为大家讲解如何就原来ckfinder添加自己的功能。
添加自定义文件餐单:
1.添加js代码
2.添加调用按钮
3.点击上传按钮后弹出ckfinder上传对话框
4.选中上传了文件右键弹出下拉餐单,如下图show name 餐单就是我们上面自定义的餐单
添加自定义文件餐单:
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 餐单就是我们上面自定义的餐单
相关文章推荐
- ckfinder.net完全讲解二(添加文件夹右键餐单选项)
- ckfinder.net完全讲解三(添加页面显示餐单)
- ckfinder.net完全讲解八(ckfinder获取选择文件夹,获取选中文件)
- ckfinder.net完全讲解六(模拟选择ckfinder选择按钮,并保存上传文件路径)
- [Asp.net]Calendar+JqueryUi实现日程管理(右键菜单,添加,编辑,删除,源码)
- 为TreeView的节点添加右键菜单(Add ContextMenu to ASP.NET TreeView)
- 如何将word等office文件添加到右键的新建菜单
- 文件、文件夹添加右键菜单
- 为文件、文件夹添加复制路径的右键菜单
- FckEditor添加右键菜单;增加编辑区右键图片删除功能(asp.net )
- ASP.NET MVC 2右键菜单和简单分页实例讲解
- 如何将word等office文件添加到右键的新建菜单
- CEdit添加右键菜单, ClistCtrl接收文件拖拽
- 用reg文件把便携版sublime text 3添加到右键菜单
- 怎样将显示隐藏文件的命令添加进右键菜单
- Ubuntu 用户安装文件较器meld使用,以及添加进右键菜单
- win7 64位系统中为右键菜单添加显示隐藏系统文件和文件扩展名的方法
- [开发工具]_[Sublime Text 2]_[给zip版本的Sublime Text 2添加右键菜单打开文件]
- ckfinder.net完全讲解五(ckfinder按钮失效禁用)
- UltraEdit文件关联的设置和添加到右键菜单