php单文件版在线代码编辑器

密码加密方式:
 * md5(自设密码+$ace) //$ace为cdn镜像地址

使用方法:

* 1.确认 $pwd 变量值为 false, 上传本文件到PHP空间并访问
 * 2.第一次访问提示设置密码,设置密码并牢记
 * 3.使用第一次设置的密码登录后,默认编辑的是本php文件,
 * 4.本文件是编辑器核心文件,请不要随意修改
 * 5.保存编辑的文件请用 Ctrl + S 按键组合,等待执行结果
 * 6.保存动作执行后请务必等待保存成功信息返回
 * 7.重置操作会修改本程序的文件名,以防他人猜测路径
 * 8.刷新功能仅是刷新本程序文件,不能刷新其他

建议在 chrome 浏览器中使用本编辑器

代码如下:

<?php
session_start();
$curr_file = __FILE__; //默认编辑当前文件
$curr_file_path = str_replace(dirname(__FILE__), '', __FILE__);
$pwd = "57574d98bc6ebe77b07e59d87065cd9e"; //密码初始化默认值为 false
$ace = 'ace.js'; //编辑器核心js
$tip['core'] = 'alertify.core.min.css';
$tip['css'] = 'alertify.default.min.css';
$tip['js'] = 'alertify.min.js';
$jquery = 'jquery.min.js';
if ( false !== $pwd ) {
    define('DEFAULT_PWD', $pwd);
}
//文件后缀名对应的语法解析器
$lng = array(
    'as' => 'actionscript', 'js' => 'javascript',
    'php' => 'php', 'css' => 'css', 'html' => 'html',
    'htm' => 'html', 'ini' => 'ini', 'json' => 'json',
    'jsp' => 'jsp', 'txt' => 'text', 'sql' => 'mysql',
    'xml' => 'xml', 'yaml' => 'yaml', 'py' => 'python',
    'md' => 'markdown', 'htaccess' => 'apache_conf',
    'bat' => 'batchfile', 'go' => 'golang',
);
//判断用户是否登录
function is_logged() {
    $flag = false;
    if ( isset($_SESSION['pwd']) && defined('DEFAULT_PWD') ) {
        if ( $_SESSION['pwd'] === DEFAULT_PWD ) {
            $flag = true;
        }
    }
    return $flag;
}
//重新载入到本页面
function reload() {
    $file = pathinfo(__FILE__, PATHINFO_BASENAME);
    die(header("Location: {$file}"));
}
//判断请求是否是ajax请求
function is_ajax() {
    $flag = false;
    if ( isset($_SERVER['HTTP_X_REQUESTED_WITH']) ) {
        $flag = strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) === 'xmlhttprequest';
    }
    return $flag;
}
//销毁SESSION和COOKIE
function exterminate() {
    $_SESSION = array();
    foreach ( $_COOKIE as $key ) {
        setcookie($key, null);
    }
    session_destroy();
    $_COOKIE = array();
    return true;
}
//获取一个目录下的文件列表
function list_dir($path, $type = 'array') {
    $flag = false;
    $lst = array('dir'=>array(), 'file'=>array());
    $base = !is_dir($path) ? dirname($path) : $path;
    $tmp = scandir($base);
    foreach ( $tmp as $k=>$v ) {
        //过滤掉上级目录,本级目录和程序自身文件名
        if ( !in_array($v, array('.', '..')) ) {
            $file = $full_path = rtrim($base, '/').DIRECTORY_SEPARATOR.$v;
            if ( $full_path == __FILE__ ) {
                continue; //屏蔽自身文件不在列表出现
            }
            $file = str_replace(dirname(__FILE__), '', $file);
            $file = str_replace("\\", '/', $file); //过滤win下的路径
            $file = str_replace('//', '/', $file); //过滤双斜杠
            if ( is_dir($full_path) ) {
                if ( 'html' === $type ) {
                    $v = '<li class="dir" path="'.$file
                    .'" onclick="load();"><span>'.$v.'</span></li>';
                }
                array_push($lst['dir'], $v);
            } else {
                if ( 'html' === $type ) {
                    $v = '<li class="file" path="'.$file
                    .'" onclick="load()"><span>'.$v.'</span></li>';
                }
                array_push($lst['file'], $v);
            }
        }
    }
    $lst = array_merge($lst['dir'], $lst['file']);
    $lst = array_filter($lst);
    $flag = $lst;
    if ( 'html' === $type ) {
        $flag = '<ul>'. implode('', $lst) .'</ul>';
    }
    return $flag;
}
//递归删除一个非空目录
function deldir($dir) {
    $dh = opendir($dir);
    while ( $file = readdir($dh) ) {
        if ( $file != '.' && $file != '..' ) {
            $fullpath = $dir.'/'.$file;
            if ( !is_dir($fullpath) ) {
                unlink($fullpath);
            } else {
                deldir($fullpath);
            }
        }
    }
    return rmdir($dir);
}
//退出登录
if ( isset($_GET['logout']) ) {
    if ( exterminate() ) {
        reload();
    }
}
//ajax输出文件内容
if ( is_logged() && is_ajax() && isset($_POST['file']) ) {
    $file = dirname(__FILE__).$_POST['file'];
    $ext = pathinfo($file, PATHINFO_EXTENSION);
    $mode = isset($lng[$ext]) ? $lng[$ext] : false;
    die(json_encode(array(
        'file' => $file, 'html' => file_get_contents($file),
        'mode' => $mode,    
    )));
}
//ajax输出目录列表
if ( is_logged() && is_ajax() && isset($_POST['dir']) ) {
    $dir = dirname(__FILE__).$_POST['dir'];
    $list_dir = list_dir($dir, 'html');
    die(json_encode(array(
        'dir' => $dir, 'html' => $list_dir,
    )));
}
//ajax保存文件
if ( is_logged() && is_ajax() && isset($_POST['action']) ) {
    $arr = array('result'=>'error', 'msg'=>'文件保存失败!');
    $content = $_POST['content'];
    if ( 'save_file' === $_POST['action'] ) {
        if ( isset($_POST['file_path']) ) {
            $file = dirname(__FILE__).$_POST['file_path'];
        } else {
            $file = __FILE__;
        }
        file_put_contents($file, $content);
        $arr['result'] = 'success';
        $arr['msg'] = '保存成功!';
    }
    die(json_encode($arr));
}
//ajax删除文件或文件夹
if ( is_logged() && is_ajax() && isset($_POST['del']) ) {
    $path = dirname(__FILE__).$_POST['del'];
    $arr = array('result'=>'error', 'msg'=>'删除操作失败!');
    if ( $_POST['del'] && $path ) {
        $flag = is_dir($path) ? deldir($path) : unlink($path);
        if ( $flag ) {
           $arr['msg'] = '删除操作成功!';
           $arr['result'] = 'success';
        }
    }
    die(json_encode($arr));
}
//ajax新建文件或文件夹
if ( is_logged() && is_ajax() && isset($_POST['create']) ) {
    $flag = false;
    $arr = array('result'=>'error', 'msg'=>'操作失败!');
    if ( isset($_POST['target']) ) {
        $target = dirname(__FILE__).$_POST['target'];
        $target = is_dir($target) ? $target : dirname($target);
    }
    if ( $_POST['create'] && $target ) {
        $base_name = pathinfo($_POST['create'], PATHINFO_BASENAME);
        $exp = explode('.', $base_name);
        $full_path = $target.'/'.$base_name;
        $new_path = str_replace(dirname(__FILE__), '', $full_path);
        if ( count($exp) > 1 && isset($lng[array_pop($exp)]) ) {
            file_put_contents($full_path, '');
            $arr['result'] = 'success';
            $arr['msg'] = '新建文件成功!';
            $arr['type'] = 'file';
        } else {
            mkdir($full_path, 0777, true);
            $arr['result'] = 'success';
            $arr['msg'] = '新建目录成功!';
            $arr['type'] = 'dir';
        }
        if ( $base_name && $new_path ) {
            $arr['new_name'] = $base_name;
            $arr['new_path'] = $new_path;
        }
    }
    die(json_encode($arr));
}
//ajax重命名文件或文件夹
if ( is_logged() && is_ajax() && isset($_POST['rename']) ) {
    $arr = array('result'=>'error', 'msg'=>'重命名操作失败!');
    if ( isset($_POST['target']) ) {
        $target = dirname(__FILE__).$_POST['target'];
    }
    if ( $_POST['rename'] ) {
        $base_name = pathinfo($_POST['rename'], PATHINFO_BASENAME);
        if ( $base_name ) {
            $rename = dirname($target).'/'.$base_name;
            $new_path = str_replace(dirname(__FILE__), '', $rename);
        }
    }
    if ( $rename && $target && rename($target, $rename) ) {
       $arr['new_name'] = $base_name;
       $arr['new_path'] = $new_path;
       $arr['msg'] = '重命名操作成功!';
       $arr['result'] = 'success';
    }
    if ( $target == __FILE__ ) {
        $arr['redirect'] = $new_path;
    }
    die(json_encode($arr));
}
//获取代码文件内容
$code = file_get_contents($curr_file);
$tree = '<ul id="dir_tree">
    <li class="dir" path="/" onclick="load()">ROOT'.list_dir($curr_file, 'html').'</li>
</ul>';
//登陆和设置密码共用模版
$first = <<<HTMLSTR
<!DOCTYPE html>
<html><head><meta charset="UTF-8">
<title>【标题】</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<style type="text/css" media="screen">
body {
    overflow: hidden; background-color: #2D2D2D; color: #CCCCCC; font-size: 12px; margin: 0;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
form { display: none; position: absolute; }
form h5 { font-size: 14px; font-weight: normal; margin: 0; line-height: 2em; }
form input {
    color: #fff; border: 1px solid #369; border-radius: 3px; background: #333; height: 22px;
    line-height: 1.6em; width: 125px; margin-right: 5px; vertical-align: middle;
}
form button {
    line-height: 1.6em; border: 1px solid #369; border-radius: 3px;
    background: #369; color: #fff; vertical-align: middle;
}
</style>
<link rel="stylesheet" href="{$tip['core']}" />
<link rel="stylesheet" href="{$tip['css']}" />
</head>
<body>
    <form method="post">
        <input name="pwd" type="password" /><button type="submit">【动作】</button>
    </form>
    <script src="{$jquery}" type="text/javascript" charset="utf-8"></script>
    <script src="{$ace}" type="text/javascript" charset="utf-8"></script>
    <script src="{$tip['js']}" type="text/javascript"></script>
    <script type="text/javascript">
    var editor = false;
    $(function(){
        $('form').prepend('<h5>'+ document.title +'</h5>');
        $('form').css({
            left: ($(window).width()-$('form').width())/2,
            top: ($(window).height()-$('form').height())/2
        });
        $('form').show();
    });
    </script>
</body></html>
HTMLSTR;
//判断是否第一次登录
if ( false === $pwd && empty($_POST) ) {
    die(str_replace(
        array('【标题】', '【动作】'),
        array('第一次使用,请先设置密码!', '设置'),
        $first
    ));
}
//第一次设置登录密码
if ( false === $pwd && !empty($_POST) ) {
    if ( isset($_POST['pwd']) && strlen($_POST['pwd']) ) {
        $pwd = $_SESSION['pwd'] = md5($_POST['pwd'].$ace);
        $code = preg_replace('#\$pwd = false;#', '$pwd = "'.$pwd.'";', $code, 1);
        file_put_contents($curr_file, $code);
    } else {
        reload();
    }
}
//用户登录验证
if ( false !== $pwd && !empty($_POST) ) {
    $tmp = md5($_POST['pwd'].$ace);
    if ( $tmp && $pwd && $tmp === $pwd ) {
        $_SESSION['pwd'] = $pwd;
        reload();
    }
}
//处理一下html实体
$code = htmlspecialchars($code);
$dir_icon = str_replace(array("\r\n", "\r", "\n"), '',
'data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAGXRFWHRTb2Z0d2
FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQVJREFUeNqkkk1uwjAQhd84bsNP1FUXLCtu0H3XPSoX4Qrd9wR
sCjQEcIY3DiiJUYiqRhp5Mra/92YSUVVgLSW49B7H+NApRh75XkHfFoCG+02tyflUeQTw2y9UYYP8cCStc9SM
PeVA/Sy6Dw555q3au1z+EhBYk1cgO7OSNdaFNT0x5sCkYDha0WPiHZgVqPzLO+8seai6E2jed42bCL06tNyEH
AX9kv3jh3HqH7BctFWLMOmAbcg05mHK5+sQpd1HYijN47zcDUCShGEHtzxtwQS9WTcAQmJROrJDLXQB9s1Tu6
MtRED4bwsHLnUzxEeKac3+GeP6eo8yevhjC3F1qC4CDAAl3HwuyNAIdwAAAABJRU5ErkJggg==');
$file_icon = str_replace(array("\r\n", "\r", "\n"), '',
'data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAGXRFWHRTb2Z0d2
FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS1JREFUeNqMU01KxkAMTaez7aYbNwreQdBzeopS6EXEW+jug7Z
C6X+/iUloSr6xioFHJkPee5mUJgBwT7gjpPB3XAgfiBjs5dOyLF/btl0pkEFngdbzPGNRFK/U+0hwJAAMjmcm
DsOA4zge6Pseu67DpmlEqK5rLMvyRkDJor6uq2SGktu2FfdpmpANqqoSASYnO/kthABJkoCOxCASkCBkWSYuQ
qCeNE1fqHz3fMkXzjnJ2sRinL33QBNIzWJ5nh/L8npQohVTJwYTyfFm/d6Oo2HGE8ffwseuZ1PEjhrOutmsRF
0iC8QmPibEtT4hftrhHI95JqJT/HC2JOt0to+zN6MVsZ/oZKqwmyCTA33DkbN1sws0i+Pega6v0kd42H9JB/8
LJl5I6PNbgAEAa9MP7QWoNLoAAAAASUVORK5CYII=');
$loading = str_replace(array("\r\n", "\r", "\n"), '',
'data:image/gif;base64,R0lGODlhFAAUALMIAPh2AP+TMsZiALlcAKNOAOp4ANVqAP+PFv///wAAAAAAAA
AAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAIACwAAAAAFAAUAAAEUxDJSau9iBDMteb
TMEjehgTBJYqkiaLWOlZvGs8WDO6UIPCHw8TnAwWDEuKPcxQml0Ynj2cwYACAS7VqwWItWyuiUJB4s2AxmWxG
g9bl6YQtl0cAACH5BAUKAAgALAEAAQASABIAAAROEMkpx6A4W5upENUmEQT2feFIltMJYivbvhnZ3Z1h4FMQI
Dodz+cL7nDEn5CH8DGZhcLtcMBEoxkqlXKVIgAAibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAA
ROEMkphaA4W5upMdUmDQP2feFIltMJYivbvhnZ3V1R4BNBIDodz+cL7nDEn5CH8DGZAMAtEMBEoxkqlXKVIg4
HibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkpjaE4W5tpKdUmCQL2feFIltMJYivbvhnZ
3R0A4NMwIDodz+cL7nDEn5CH8DGZh8ONQMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAA
QASABIAAAROEMkpS6E4W5spANUmGQb2feFIltMJYivbvhnZ3d1x4JMgIDodz+cL7nDEn5CH8DGZgcBtMMBEox
kqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmFQX2feFIltM
JYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZBMJNIMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUK
AAgALAEAAQASABIAAAROEMkpz6E4W5tpCNUmAQD2feFIltMJYivbvhnZ3R1B4FNRIDodz+cL7nDEn5CH8DGZg
8HNYMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAkKAAgALAEAAQASABIAAAROEMkpQ6A4W5spIdUmHQ
f2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZAsGtUMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0
IADs=');
//编辑器模版
$html = <<<HTMLSTR
<!DOCTYPE html>
<html><head><meta charset="UTF-8">
<title>ACE代码编辑器</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<style type="text/css" media="screen">
a { text-decoration: none; }
body {
    overflow: hidden; background-color: #2D2D2D; font-size: 12px;
    font-family: 'Consolas', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    scrollbar-arrow-color: #ccc; scrollbar-base-color: #333;
    scrollbar-dark-shadow-color: #00ffff; scrollbar-track-color: #272822;
    scrollbar-highlight-color: #272822; scrollbar-3d-light-color: #272822;
    scrollbar-face-color: #2D2D2D; scrollbar-shadow-color: #333;
}
::-webkit-scrollbar { width:5px; height:6px; background-color:#444; }
::-webkit-scrollbar:hover { background-color:#444; }
::-webkit-scrollbar-thumb:hover { min-height:5px; min-width:5px; background-color: #AAA; }
::-webkit-scrollbar-thumb:active { -webkit-border-radius:20px; background-color: #AAA; }
::-webkit-scrollbar-thumb {
    min-height:5px; min-width:5px; -webkit-border-radius:20px;
    ::-webkit-border-radius:1px; background-color: #AAA;
}
body > pre { color: #666; }
#sider { margin: 0; position: absolute; top:  25px; bottom: 0; left: 0; right: 85%; }
#editor { margin: 0; position: absolute; top: 0; bottom: 0; left: 15%; right: 0; }
#dir_tree { margin:0; padding: 0; height: 100%; overflow: auto; position: relative; left: 5px; }
#dir_tree, #dir_tree ul, #dir_tree li { margin: 0; padding: 0; list-style: none inside; }
#dir_tree ul { padding-left: 20px; position: relative; }
#dir_tree li { text-indent: 2em; line-height: 1.6em; cursor: default; color: #ccc; }
#dir_tree li.hover > span, #dir_tree li:hover > span { color: #66D9EF; }
#dir_tree li#on > span { color: red; }
#dir_tree li.dir { background: url({$dir_icon}) no-repeat 3px 3px; }
#dir_tree li.file { background: url({$file_icon}) no-repeat 3px 0; }
#dir_tree li.loading { background: url({$loading}) no-repeat 3px 0; }
#logout { position: absolute; top: 0; left: 0; }
#logout a { display: inline-block; color: #aaa; line-height: 25px; padding: 0 4px; }
#logout a:hover { background: #000; color: #ddd; }
#contextmenu { position: absolute; top: 0; left: 0; background: #fff; color: #333; border: 1px solid #000; padding: 1px; }
#contextmenu span { display: block; line-height: 24px; text-indent: 20px; width: 80px; cursor: default; }
#contextmenu span:hover { background-color: #369; color: #fff; }
#alertify .alertify-message, #alertify .alertify-message {
    text-align: left !important; text-indent: 0; font-weight: bold; font-size: 16px;
}
#alertify .alertify-dialog, #alertify .alertify-dialog {
    font-family: 'Consolas'; padding: 10px !important; color: #333 !important;
}
#alertify .alertify-button {
    border-radius: 3px !important; font-weight: normal !important;
    font-size: 14px !important; padding: 3px 15px !important;
}
.alertify-buttons { text-align: right !important; }
</style>
<link rel="stylesheet" href="{$tip['core']}" />
<link rel="stylesheet" href="{$tip['css']}" />
</head><body>
<div id="logout">
    <a href="javascript:void(0);">保存</a>
    <a href="javascript:void(0);">刷新</a>
    <a href="javascript:void(0);">重置</a>
    <a href="?logout">退出</a>
</div>
<div id="sider">{$tree}</div><pre id="editor">{$code}</pre>
<script src="{$jquery}" type="text/javascript" charset="utf-8"></script>
<script src="{$ace}" type="text/javascript" charset="utf-8"></script>
<script src="{$tip['js']}" type="text/javascript"></script>
<script type="text/javascript">
var load = false;
var curr_file = false;
window.location.hash = '';
alertify.set({delay: 1000}); //n秒后自动消失
alertify.set({labels: {ok:'确定',cancel:'取消'}});
var editor = false;
$(function(){
    //实例化代码编辑器
    editor = ace.edit("editor");
    //设置编辑器的语法和高亮
    editor.setTheme("ace/theme/monokai");
    editor.getSession().setMode("ace/mode/php");
    //设置编辑器自动换行
    editor.getSession().setWrapLimitRange(null, null);
    editor.getSession().setUseWrapMode(true);
    //不显示垂直衬线
    editor.renderer.setShowPrintMargin(false);
    //editor.setReadOnly(true); //设置编辑器为只读
    //editor.gotoLine(325); //跳转到指定行
    //使编辑器获得输入焦点
    editor.focus();
    //绑定组合按键
    var commands = editor.commands;
    commands.addCommand({
        name: "save",
        bindKey: {win: "Ctrl-S", mac: "Command-S"},
        exec: save_file
    });
    //保存动作
    function save_file() {
        if ( false == editor ) { return false; }
        var obj = {
            content: editor.getValue(),
            action: 'save_file'
        };
        if ( false !== curr_file ) {
            obj.file_path = curr_file;
        }
        alertify.log('正在保存...');
        $.post(window.location.href, obj, function(data){
            if ( data.msg && 'success' == data.result ) {
                alertify.success(data.msg);
            } else {
                alertify.error(data.msg);
            }
        }, 'json');
    }
    //加载目录列表或文件
    load = function(ele) {
        var curr = $(event.srcElement);
        if ( ele ) { curr = ele; }
        if ( curr.is('span') ) { curr = curr.parent('li'); }
        $('#dir_tree #on').removeAttr('id');
        curr.attr('id', 'on');
        var type = curr.attr('class');
        var path = curr.attr('path');
        window.location.hash = path;
        if ( 'file' === type ) {
            alertify.log('正在加载...');
            curr.addClass('loading');
            $.post(window.location.href, {file:path}, function(data){
                curr.removeClass('loading');
                if ( data.mode ) {
                    editor.getSession().setMode("ace/mode/"+data.mode);
                }
                //注意,空文件应当允许编辑
                if ( true || data.html ) {
                    curr.attr('disabled', 'disabled');
                    curr_file = path; //当前编辑的文件路径
                    //动态赋值编辑器中的内容
                    editor.session.doc.setValue(data.html);
                    editor.renderer.scrollToRow(0); //滚动到第一行
                    editor.focus(); //编辑器获得焦点
                    setTimeout(function(){
                        editor.gotoLine(0);
                    }, 800);
                }
            }, 'json');
            event.stopPropagation();
            event.preventDefault();
            return false;
        }
        if ( 'dir' === type ) {
            if ( curr.attr('loaded') ) {
                curr.children('ul').toggle();
                event.stopPropagation();
                event.preventDefault();
                return false;
            } else {
                curr.attr('loaded', 'yes');
            }
            alertify.log('正在加载...');
            curr.addClass('loading');
            $.post(window.location.href, {dir:path}, function(data){
                curr.find('ul').remove();
                curr.removeClass('loading');
                if ( data.html ) {
                    curr.append(data.html);
                }
            }, 'json');
        }
        return false;
    }
    //绑定右键菜单
    $('#sider').bind('contextmenu', function(e){
        var path = false;
        var target = $(event.srcElement);
        if ( target.is('span') ) {
            target = target.parent('li');
        }
        if ( target.attr('path') ) {
            path = target.attr('path');
        } else {
            return false;
        }
        target.addClass('hover');
        var right_menu = $('#contextmenu');
        if ( !right_menu.get(0) ) {
            var timer = false;
            right_menu = $('<div id="contextmenu"></div>');
            right_menu.hover(function(){
                if ( timer ) { clearTimeout(timer); }
            }, function(){
                timer = setTimeout(function(){
                    hide_menu(right_menu);
                }, 500);
            });
            $('body').append(right_menu);
        }
        if ( path ) {
            right_menu.html('');
            var menu = $('<span>新建</span><span>浏览</span><span>重命名</span><span>删除</span>');
            right_menu.append(menu);
            menu_area(right_menu, {left: e.pageX, top: e.pageY});
            right_menu.find('span').click(function(){
                switch ( $(this).text() ) {
                    case '新建' : create_new(target, path); break;
                    case '浏览' : preview(target, path); break;
                    case '重命名' : re_name(target, path); break;
                    case '删除' : del_file(target, path); break;
                }
                hide_menu(right_menu);
            });
        }
        path ? right_menu.show() : hide_menu(right_menu);
        return false;
    });
    //隐藏右键菜单
    function hide_menu(menu) {
        $('#sider li.hover').removeClass('hover');
        if ( menu ) {
            menu.hide();
        }
    }
    //右键菜单区域
    function menu_area(menu, cfg) {
        if ( menu && cfg ) {
            var w = $('#sider').width() - menu.width();
            var h = $('#sider').height() - menu.height();
            if ( cfg.left > w ) { cfg.left = w; }
            if ( cfg.top > h ) { cfg.top = h; }
            menu.css(cfg);
        }
    }
    //保存按钮
    $('#logout>a:contains("保存")').click(function(){
        save_file();
        return false;
    });
    //刷新按钮
    $('#logout>a:contains("刷新")').click(function(){
        window.location.href = window.location.pathname;
        return false;
    });
    //重置按钮
    $('#logout>a:contains("重置")').click(function(){
        alertify.confirm('是否修改 {$curr_file_path} 程序文件名?', function (e) {
            if ( !e ) { return 'cancel'; }
            re_name($('<a>'), '{$curr_file_path}');
        });
        return false;
    });
    //新建操作
    function create_new(obj, path) {
        if ( !obj || !path ) { return false; }
        alertify.prompt('请输入新建文件或文件夹名:', function (e, str) {
            if ( !e || !str ) { return false; }
            alertify.log('正在操作中...');
            $('#dir_tree #on').removeAttr('loaded').removeAttr('id');
            $.post(window.location.href, {create:str,target:path}, function(data){
                if ( data.msg && 'success' == data.result ) {
                    alertify.success(data.msg);
                    if ( obj.attr('class') == 'dir' ) {
                        load(obj); //重新加载子节点
                    } else {
                        load(obj.parent().parent());
                    }
                } else {
                    alertify.error(data.msg);
                }
            }, 'json');
        });
    }
    //浏览操作
    function preview(obj, path) {
        if ( !obj || !path ) { return false; }
        window.open(path, '_blank');
    }
    //重命名
    function re_name(obj, path) {
        if ( !obj || !path ) { return false; }
        alertify.prompt('重命名 '+path+' 为:', function (e, str) {
            if ( !e || !str ) { return false; }
            alertify.log('正在操作中...');
            $.post(window.location.href, {rename:str,target:path}, function(data){
                if ( data.msg && 'success' == data.result ) {
                    alertify.success(data.msg);
                    if ( data.redirect ) {
                        window.location.href = data.redirect;
                    }
                    if ( data.new_name ) {
                        obj.children('span').first().text(data.new_name);
                        obj.attr('path', data.new_path);
                    }
                } else {
                    alertify.error(data.msg);
                }
            }, 'json');
        });
    }
    //删除文件动作
    function del_file(obj, path) {
        if ( !obj || !path ) { return false; }
        alertify.confirm('您确定要删除:'+path+' 吗?', function (e) {
            if ( !e ) { return 'cancel'; }
            alertify.log('正在删除中...');
            $.post(window.location.href, {del:path}, function(data){
                if ( data.msg && 'success' == data.result ) {
                    alertify.success(data.msg);
                    obj.remove();
                } else {
                    alertify.error(data.msg);
                }
            }, 'json');
        });
    }
});
</script>
</body></html>
HTMLSTR;
//判断是否已经登录
if ( !is_logged() ) {
    die(str_replace(
        array('【标题】', '【动作】'),
        array('请输入您第一次设置的密码!', '登录'),
        $first
    ));
} else {
    echo $html;
}

以上就是本文所述的全部内容了,希望大家能够喜欢。

(0)

相关推荐

  • php下把数组保存为文件格式的实例应用

    我使用过两种办法: 第一种是数组序列化,简单,但是调用时比较麻烦一些:第二种是保存为标准的数组格式,保存时麻烦但是调用时简单. 第一种方法: PHP代码 复制代码 代码如下: $file="./cache/file.cache"; $array = array("color" => array("blue", "red", "green"), "size" => array(

  • php实现的遍历文件夹下所有文件,编辑删除

    复制代码 代码如下: <?php /* 遍历文件夹; 功能:(a)可删除文件 (b)可编辑文本,网页文件 (c)可删除文件夹,前提是该文件夹为空 (d)可建立文件,文件夹,修改文件夹名称; lost63.com原创, 转载请注明出处. 交流QQ:35501547 */ $path=$DOCUMENT_ROOT; $path=str_replace("/","\\",$path); //指定文件夹 $path=$path."\\"; if($

  • PHP文件缓存内容保存格式实例分析

    本文实例讲述了PHP文件缓存内容保存格式,对于进行PHP项目开发非常具有实用价值.分享给大家供大家参考借鉴.具体分析如下: 1.PHP文件缓存内容保存格式 PHP文件缓存内容保存格式主要有三种: (1)变量 var_export 格式化成PHP正常的赋值书写格式: (2)变量 serialize 序列化之后保存,用的时候反序列化: (3)变量 json_encode格式化之后保存,用的时候json_decode 互联网上测试结果是:serialize格式的文件解析效率大于Json,Json的解析

  • 如何利用php+mysql保存和输出文件

    本地文件上传到服务器后,服务器的脚本对文件进行保存,一般有两种方式,一种是作为 文件保存到机器的特定目录下,但是这里就有很多诸如文件重名带来的种种不便之处,有的程 序自动改文件名字,把名字加上上传时间等方法以保证文件名的唯一性,这样失去了文件的原 始名字,通过文件名查询特定的文件信息也有很多困难,不利于文件的统一管理:一种是把文 件保存到数据库中利用数据库的强大功能,可以方便的实现文件的各种操作.本文采用的是第 二种方法. 这一组程序演示了,如何将硬盘的一个文件通过网页,上传到服务器的数据库里面

  • php限制上传文件类型并保存上传文件的方法

    本文实例讲述了php限制上传文件类型并保存上传文件的方法.分享给大家供大家参考.具体如下: 下面的代码演示了php中如何获取用户上传的文件,并限制文件类型的一般图片文件,最后保存到服务器 <?php $allowedExts = array("gif", "jpeg", "jpg", "png"); $extension = end(explode(".", $_FILES["file&qu

  • PHP把网页保存为word文件的三种方法

    一.PHP生成word的两种思路或原理 1.利用windows下面的 com组件2.利用PHP将内容写入doc文件之中具体实现方法如下. 二.利用windows下面的com组件 原理:com作为PHP的一个扩展类,安装过office的服务器会自动调用word.application的com,可以自动生成文档,PHP官方文档手册:http://www.php.net/manual/en/class.com.php 使用官方实例: 复制代码 代码如下: <?php// starting word$w

  • php利用header函数实现文件下载时直接提示保存

    复制代码 代码如下: <?php $filename = '路径+实际文件名'; //文件的类型 header('Content-type: application/pdf'); //下载显示的名字 header('Content-Disposition: attachment; filename="保存时的文件名.pdf"'); readfile("$filename"); exit(); ?> 下面是网上常用的方法 复制代码 代码如下: if (is

  • php 下载保存文件保存到本地的两种实现方法

    第一种: <?php function downfile() { $filename=realpath("resume.html"); //文件名 $date=date("Ymd-H:i:m"); Header( "Content-type: application/octet-stream "); Header( "Accept-Ranges: bytes "); Header( "Accept-Length

  • php实现编辑和保存文件的方法

    本文实例讲述了php实现编辑和保存文件的方法.分享给大家供大家参考.具体如下: save_file.php: <?php session_start(); $handle = fopen($_POST['original_file_name'], "w"); $text = $_POST['file_contents']; if(fwrite($handle, $text) == FALSE){ $_SESSION['error'] = '<span class="

  • php单文件版在线代码编辑器

    密码加密方式:  * md5(自设密码+$ace) //$ace为cdn镜像地址 使用方法: * 1.确认 $pwd 变量值为 false, 上传本文件到PHP空间并访问  * 2.第一次访问提示设置密码,设置密码并牢记  * 3.使用第一次设置的密码登录后,默认编辑的是本php文件,  * 4.本文件是编辑器核心文件,请不要随意修改  * 5.保存编辑的文件请用 Ctrl + S 按键组合,等待执行结果  * 6.保存动作执行后请务必等待保存成功信息返回  * 7.重置操作会修改本程序的文件名

  • 使用 CodeMirror 打造属于自己的带高亮显示的在线代码编辑器

    前提 写这个的目的是因为之前项目里用到过 CodeMirror,觉得作为一款在线代码编辑器还是不错,也看到过有些网站用到过在线代码编辑,当然我不知道他们是用什么做的,这里我把公司项目里用到的那部分抽出来,单独写篇博客,并把抽出来的那部分代码提交到 GitHub 去(地址),以防日后可能会再次用到(没准毕业设计里可能用的到). 简单介绍 CodeMirror 是一款在线的支持语法高亮的代码编辑器.官网: http://codemirror.net/ 可能光看官网,第一眼觉得那些在线编辑器有点丑,反

  • codemirror6实现在线代码编辑器使用详解

    目录 背景 介绍 codemirror5.codemirror6对比 codemirror6 核心包 vue3+codemirror6实现简易在线代码编辑器 安装依赖 创建编辑器 效果截图 主题 获取.更改编辑器的值 总结 背景 最近在升级一个老项目,其中涉及将codemirror5迁移到codemirror6,本文特意记录一下codemirror6的学习及升级过程~ 介绍 CodeMirror是Web的代码编辑器组件.它可以在网站中用于实现文本输入字段,并支持许多编辑功能,并具有丰富的编程接口

  • Asp.Net Core 使用Monaco Editor 实现代码编辑器功能

    在项目中经常有代码在线编辑的需求,比如修改基于Xml的配置文件,编辑Json格式的测试数据等.我们可以使用微软开源的在线代码编辑器Monaco Editor实现这些功能.Monaco Editor是著名的VSCode的前身,项目地址:https://microsoft.github.io/monaco-editor/.本文介绍在Asp.Net Core项目中使用Monaco Editor实现代码编辑器功能. 安装 可以使用npm下载moaco-editor: npm install monaco

  • SpringBoot实现单文件与多文件上传

    一.公共文件存储代码 1.FileUploadUtils.java package com.springcloud.blog.admin.util.file; /** * @description: 文件上传工具类 * @author: youcong * @time: 2020/9/28 11:34 */ import com.springcloud.blog.admin.exception.file.FileNameLengthLimitExceededException; import c

  • javascript 在线文本编辑器实现代码

    Editor body{ font-size:12px;} #ed{ height:300px; width:800px; background-color: } .sssss{ background-image:url(http://www.zzsky.cn/build/images/20099493121.gif)} .tag{ background-image:url(http://www.zzsky.cn/build/images/20099493121.gif);height:22px

  • Asp.Net模拟表单提交数据和上传文件的实现代码

    如果你需要跨域上传内容到另外一个域名并且需要获取返回值,使用Asp.Net的作为代理是最好的办法,要是客户端直接提交到iframe中,由于跨域是无法用javascript获取到iframe中返回的内容的.此时需要在自己的网站做一个动态页作为代理,将表单提交到动态页,动态页负责将表单的内容使用WebClient或HttpWebRequest将表单数据再上传到远程服务器,由于在服务器端进行操作,就不存在跨域问题了. WebClient上传只包含键值对的文本信息示例代码: 复制代码 代码如下: str

  • php处理单文件、多文件上传代码分享

    php处理  单文件.多文件上传实例代码,供大家参考,具体内容如下 后台处理文件submit_form_process.php <?php /****************************************************************************** 参数说明: $max_file_size : 上传文件大小限制, 单位BYTE $destination_folder : 上传文件路径 $watermark : 是否附加水印(1为加水印,其他为不加

  • php文件上传表单摘自drupal的代码

    drupal文件上传表单的例子 复制代码 代码如下: function upload_form() { $form = array(); // If this #attribute is not present, upload will fail on submit $form['#attributes']['enctype'] = 'multipart/form-data'; $form['file_upload'] = array( '#title' => t('Upload file'),

  • vue实现在线预览office文件的示例代码

    最近在做电子档案,后端提供了文件的华为云的oss链接.已经实现了点击下载文件的功能.但是呢,他们又希望常规的文件,可以直接点击预览,不需要下载. 按道理说,做文件的在线预览,买个第三方服务什么的,后端部署一下服务,前端对接一下,就通通搞定. 顶不住第三方基本上是要money的.那不想掏money,还有什么解决方法呢. 方法一 用微软的office online进行在线预览 https://view.officeapps.live.com/op/view.aspx?src=文件地址 例:https

随机推荐