5 Star 25 Fork 9

Gitee 极速下载 / elFinder

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
此仓库是为了提升国内下载速度的镜像仓库,每日同步一次。 原始仓库: https://github.com/Studio-42/elFinder
克隆/下载
elfinder.playground.html 9.90 KB
一键复制 编辑 原始数据 按行查看 历史
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<title>elFinder 2.1.x source version with PHP connector</title>
<!-- Section CSS -->
<!-- jQuery UI (REQUIRED) -->
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.13.2/themes/smoothness/jquery-ui.css">
<!-- elfinder css -->
<link rel="stylesheet" href="css/commands.css" type="text/css">
<link rel="stylesheet" href="css/common.css" type="text/css">
<link rel="stylesheet" href="css/contextmenu.css" type="text/css">
<link rel="stylesheet" href="css/cwd.css" type="text/css">
<link rel="stylesheet" href="css/dialog.css" type="text/css">
<link rel="stylesheet" href="css/fonts.css" type="text/css">
<link rel="stylesheet" href="css/navbar.css" type="text/css">
<link rel="stylesheet" href="css/places.css" type="text/css">
<link rel="stylesheet" href="css/quicklook.css" type="text/css">
<link rel="stylesheet" href="css/statusbar.css" type="text/css">
<link rel="stylesheet" href="css/theme.css" type="text/css">
<link rel="stylesheet" href="css/toast.css" type="text/css">
<link rel="stylesheet" href="css/toolbar.css" type="text/css">
<!--
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
-->
<!-- Section JavaScript -->
<!-- jQuery and jQuery UI (REQUIRED) -->
<!--[if lt IE 9]>
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="//code.jquery.com/jquery-3.7.1.min.js"></script>
<!--<![endif]-->
<script src="//code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>
<!-- elfinder core -->
<script src="js/elFinder.js"></script>
<script src="js/elFinder.version.js"></script>
<script src="js/jquery.elfinder.js"></script>
<script src="js/elFinder.mimetypes.js"></script>
<script src="js/elFinder.options.js"></script>
<script src="js/elFinder.options.netmount.js"></script>
<script src="js/elFinder.history.js"></script>
<script src="js/elFinder.command.js"></script>
<script src="js/elFinder.resources.js"></script>
<!-- elfinder dialog -->
<script src="js/jquery.dialogelfinder.js"></script>
<!-- elfinder default lang -->
<script src="js/i18n/elfinder.en.js"></script>
<!-- elfinder ui -->
<script src="js/ui/button.js"></script>
<script src="js/ui/contextmenu.js"></script>
<script src="js/ui/cwd.js"></script>
<script src="js/ui/dialog.js"></script>
<script src="js/ui/fullscreenbutton.js"></script>
<script src="js/ui/navbar.js"></script>
<script src="js/ui/navdock.js"></script>
<script src="js/ui/overlay.js"></script>
<script src="js/ui/panel.js"></script>
<script src="js/ui/path.js"></script>
<script src="js/ui/places.js"></script>
<script src="js/ui/searchbutton.js"></script>
<script src="js/ui/sortbutton.js"></script>
<script src="js/ui/stat.js"></script>
<script src="js/ui/toast.js"></script>
<script src="js/ui/toolbar.js"></script>
<script src="js/ui/tree.js"></script>
<script src="js/ui/uploadButton.js"></script>
<script src="js/ui/viewbutton.js"></script>
<script src="js/ui/workzone.js"></script>
<!-- elfinder commands -->
<script src="js/commands/archive.js"></script>
<script src="js/commands/back.js"></script>
<script src="js/commands/chmod.js"></script>
<script src="js/commands/colwidth.js"></script>
<script src="js/commands/copy.js"></script>
<script src="js/commands/cut.js"></script>
<script src="js/commands/download.js"></script>
<script src="js/commands/duplicate.js"></script>
<script src="js/commands/edit.js"></script>
<script src="js/commands/empty.js"></script>
<script src="js/commands/extract.js"></script>
<script src="js/commands/forward.js"></script>
<script src="js/commands/fullscreen.js"></script>
<script src="js/commands/getfile.js"></script>
<script src="js/commands/help.js"></script>
<script src="js/commands/hidden.js"></script>
<script src="js/commands/hide.js"></script>
<script src="js/commands/home.js"></script>
<script src="js/commands/info.js"></script>
<script src="js/commands/mkdir.js"></script>
<script src="js/commands/mkfile.js"></script>
<script src="js/commands/netmount.js"></script>
<script src="js/commands/open.js"></script>
<script src="js/commands/opendir.js"></script>
<script src="js/commands/opennew.js"></script>
<script src="js/commands/paste.js"></script>
<script src="js/commands/places.js"></script>
<script src="js/commands/preference.js"></script>
<script src="js/commands/quicklook.js"></script>
<script src="js/commands/quicklook.plugins.js"></script>
<script src="js/commands/reload.js"></script>
<script src="js/commands/rename.js"></script>
<script src="js/commands/resize.js"></script>
<script src="js/commands/restore.js"></script>
<script src="js/commands/rm.js"></script>
<script src="js/commands/search.js"></script>
<script src="js/commands/selectall.js"></script>
<script src="js/commands/selectinvert.js"></script>
<script src="js/commands/selectnone.js"></script>
<script src="js/commands/sort.js"></script>
<script src="js/commands/undo.js"></script>
<script src="js/commands/up.js"></script>
<script src="js/commands/upload.js"></script>
<script src="js/commands/view.js"></script>
<!-- elfinder 1.x connector API support (OPTIONAL) -->
<script src="js/proxy/elFinderSupportVer1.js"></script>
<!-- Extra contents editors (OPTIONAL) -->
<script src="js/extras/editors.default.js"></script>
<!-- GoogleDocs Quicklook plugin for GoogleDrive Volume (OPTIONAL) -->
<script src="js/extras/quicklook.googledocs.js"></script>
<style type="text/css">
body { font-family:arial, verdana, sans-serif;}
.button {
width: 100px;
position:relative;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin:0 3px 3px 0;
padding:1px 0;
text-align:center;
border:1px solid #ccc;
background-color:#eee;
margin:1em .5em;
padding:.3em .7em;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
cursor:pointer;
}
/*
#dialog {
position:absolute;
left:50%;
top:1000px;
}
*/
</style>
<script>
$(document).ready(function() {
$('#finder').elfinder({
// requestType : 'post',
// url : 'php/connector.php',
url : 'php/connector.php',
// transport : new elFinderSupportVer1(),
// getFileCallback : function(files, fm) {
// console.log(files);
// },
handlers : {
select : function(event, elfinderInstance) {
var selected = event.data.selected;
if (selected.length) {
// console.log(elfinderInstance.file(selected[0]))
}
}
},
// handlers : {
// select : function(e) {
// console.log(e.data)
// }
// },
// onlyMimes : ['image', 'text/plain']
// sync : 20000,
lang : 'ru',
customData : {answer : 42},
// requestType : 'POST',
// rememberLastDir : false,
// ui : ['tree', 'toolbar'],
// ui : ['toolbar', 'path', 'stat'],
// commands : [],
// commandsOptions : {
// edit : {
// mimes : ['text/plain', 'text/html', 'text/javascript'],
// editors : [
// {
// mimes : ['text/html'],
// load : function(textarea) {
// tinyMCE.execCommand("mceAddControl", true, textarea.id);
// },
// close : function(textarea, instance) {
// tinyMCE.execCommand('mceRemoveControl', false, textarea.id);
// },
// save : function(textarea, editor) {
// textarea.value = tinyMCE.get(textarea.id).selection.getContent({format : 'html'});
// tinyMCE.execCommand('mceRemoveControl', false, textarea.id);
// }
//
// }
// ]
// }
// }
// uiOptions : {
// toolbar : [['help']],
// cwd : {
// listView : {
// // columns to be displayed
// // default settings are:
// // columns : ['perm', 'date', 'size', 'kind'],
// // extra columns can be displayed if your connector supports it:
// columns : ['perm', 'date', 'size', 'kind', 'owner'],
// // custom columns labels:
// columnsCustomName : {
// owner : 'Owner'
// }
// }
// }
})
// $('#finder2').elfinder({
// url : 'connectors/php/connector.php',
// width:650,
// lang : 'ru'
// })
// console.log(f1)
//
// setTimeout(function() {
// console.log($('#finder').elfinder('instance'))
// }, 2000)
// new elFinder($('<div/>'))
// var f2 = $('#asd').elfinder({
// url : 'connectors/php/connector.php',
// lang : 'ru'
// }).elfinder('instance')
$('#back').click(function(e) {
f1.exec('back')
})
$('#fwd').click(function(e) {
f1.exec('forward')
})
$('#dialog').click(function() {
var fm = $('<div/>').dialogelfinder({
url : 'php/connector.php',
lang : 'en',
width : 840,
destroyOnClose : true,
getFileCallback : function(files, fm) {
console.log(files);
},
commandsOptions : {
getfile : {
oncomplete : 'close',
folders : true
}
}
}).dialogelfinder('instance');
});
});
</script>
</head>
<body>
<div id="back" class="button">back</div>
<div id="fwd" class="button">forward</div>
<div id="dialog" class="button">dialog</div>
<!-- <div id="close" class="button">close</div>
<div id="dock" class="button">dock</div>
<div id="undock" class="button">undock</div>-->
<!-- <div style="width:670px; float:left"> -->
<div id="finder">finder <span>here</span></div>
<!-- </div> -->
<!-- <div style="width:670px; float:left">
<div id="finder2">finder</div>
</div> -->
<br clear="all"/>
<input type="text" value="123" />
<input type="text" value="456" />
<!-- <div><input type="text" id="i1"></div> -->
<!-- <div><input type="text" id="i2"></div> -->
</body>
</html>
HTML/CSS
1
https://gitee.com/mirrors/elFinder.git
git@gitee.com:mirrors/elFinder.git
mirrors
elFinder
elFinder
master

搜索帮助