php单文件版在线代码编辑器使用方法

来源：互联网 2024-10-11 07:19:54
这篇文章主要介绍了php单文件版在线代码编辑器,个人感觉相当不错，分享给大家，需要的朋友可以参考下
密码加密方式:
* md5(自设密码+$ace) //$ace为cdn镜像地址
使用方法:
* 1.确认 $pwd 变量值为 false, 上传本文件到PHP空间并访问
* 2.第一次访问提示设置密码,设置密码并牢记
* 3.使用第一次设置的密码登录后,默认编辑的是本php文件,
* 4.本文件是编辑器核心文件,请不要随意修改
* 5.保存编辑的文件请用 Ctrl + S 按键组合,等待执行结果
* 6.保存动作执行后请务必等待保存成功信息返回
* 7.重置操作会修改本程序的文件名，以防他人猜测路径
* 8.刷新功能仅是刷新本程序文件，不能刷新其他
建议在 chrome 浏览器中使用本编辑器
立即学习“PHP免费学习笔记（深入）”；
代码如下:
<?phpsession_start();$curr_file = __FILE__; //默认编辑当前文件$curr_file_path = str_replace(dirname(__FILE__), &#39;&#39;, __FILE__);$pwd = "57574d98bc6ebe77b07e59d87065cd9e"; //密码初始化默认值为 false$ace = &#39;ace.js&#39;; //编辑器核心js$tip[&#39;core&#39;] = &#39;alertify.core.min.css&#39;;$tip[&#39;css&#39;] = &#39;alertify.default.min.css&#39;;$tip[&#39;js&#39;] = &#39;alertify.min.js&#39;;$jquery = &#39;jquery.min.js&#39;;if ( false !== $pwd ) {    define(&#39;DEFAULT_PWD&#39;, $pwd);}//文件后缀名对应的语法解析器$lng = array(    &#39;as&#39; => &#39;actionscript&#39;, &#39;js&#39; => &#39;javascript&#39;,    &#39;php&#39; => &#39;php&#39;, &#39;css&#39; => &#39;css&#39;, &#39;html&#39; => &#39;html&#39;,    &#39;htm&#39; => &#39;html&#39;, &#39;ini&#39; => &#39;ini&#39;, &#39;json&#39; => &#39;json&#39;,    &#39;jsp&#39; => &#39;jsp&#39;, &#39;txt&#39; => &#39;text&#39;, &#39;sql&#39; => &#39;mysql&#39;,    &#39;xml&#39; => &#39;xml&#39;, &#39;yaml&#39; => &#39;yaml&#39;, &#39;py&#39; => &#39;python&#39;,    &#39;md&#39; => &#39;markdown&#39;, &#39;htaccess&#39; => &#39;apache_conf&#39;,    &#39;bat&#39; => &#39;batchfile&#39;, &#39;go&#39; => &#39;golang&#39;,);//判断用户是否登录function is_logged() {    $flag = false;    if ( isset($_SESSION[&#39;pwd&#39;]) && defined(&#39;DEFAULT_PWD&#39;) ) {        if ( $_SESSION[&#39;pwd&#39;] === 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[&#39;HTTP_X_REQUESTED_WITH&#39;]) ) {        $flag = strtolower($_SERVER[&#39;HTTP_X_REQUESTED_WITH&#39;]) === &#39;xmlhttprequest&#39;;    }    return $flag;}//销毁SESSION和COOKIEfunction exterminate() {    $_SESSION = array();    foreach ( $_COOKIE as $key ) {        setcookie($key, null);    }    session_destroy();    $_COOKIE = array();    return true;}//获取一个目录下的文件列表function list_dir($path, $type = &#39;array&#39;) {    $flag = false;    $lst = array(&#39;dir&#39;=>array(), &#39;file&#39;=>array());    $base = !is_dir($path) ? dirname($path) : $path;    $tmp = scandir($base);    foreach ( $tmp as $k=>$v ) {        //过滤掉上级目录,本级目录和程序自身文件名        if ( !in_array($v, array(&#39;.&#39;, &#39;..&#39;)) ) {            $file = $full_path = rtrim($base, &#39;/&#39;).DIRECTORY_SEPARATOR.$v;            if ( $full_path == __FILE__ ) {                continue; //屏蔽自身文件不在列表出现            }            $file = str_replace(dirname(__FILE__), &#39;&#39;, $file);            $file = str_replace("\\", &#39;/&#39;, $file); //过滤win下的路径            $file = str_replace(&#39;//&#39;, &#39;/&#39;, $file); //过滤双斜杠            if ( is_dir($full_path) ) {                if ( &#39;html&#39; === $type ) {                    $v = &#39;<li class="dir" path="&#39;.$file                    .&#39;" onclick="load();"><span>&#39;.$v.&#39;</span></li>&#39;;                }                array_push($lst[&#39;dir&#39;], $v);            } else {                if ( &#39;html&#39; === $type ) {                    $v = &#39;<li class="file" path="&#39;.$file                    .&#39;" onclick="load()"><span>&#39;.$v.&#39;</span></li>&#39;;                }                array_push($lst[&#39;file&#39;], $v);            }        }    }    $lst = array_merge($lst[&#39;dir&#39;], $lst[&#39;file&#39;]);    $lst = array_filter($lst);    $flag = $lst;    if ( &#39;html&#39; === $type ) {        $flag = &#39;<ul>&#39;. implode(&#39;&#39;, $lst) .&#39;</ul>&#39;;    }    return $flag;}//递归删除一个非空目录function deldir($dir) {    $dh = opendir($dir);    while ( $file = readdir($dh) ) {        if ( $file != &#39;.&#39; && $file != &#39;..&#39; ) {            $fullpath = $dir.&#39;/&#39;.$file;            if ( !is_dir($fullpath) ) {                unlink($fullpath);            } else {                deldir($fullpath);            }        }    }    return rmdir($dir);}//退出登录if ( isset($_GET[&#39;logout&#39;]) ) {    if ( exterminate() ) {        reload();    }}//ajax输出文件内容if ( is_logged() && is_ajax() && isset($_POST[&#39;file&#39;]) ) {    $file = dirname(__FILE__).$_POST[&#39;file&#39;];    $ext = pathinfo($file, PATHINFO_EXTENSION);    $mode = isset($lng[$ext]) ? $lng[$ext] : false;    die(json_encode(array(        &#39;file&#39; => $file, &#39;html&#39; => file_get_contents($file),        &#39;mode&#39; => $mode,         )));}//ajax输出目录列表if ( is_logged() && is_ajax() && isset($_POST[&#39;dir&#39;]) ) {    $dir = dirname(__FILE__).$_POST[&#39;dir&#39;];    $list_dir = list_dir($dir, &#39;html&#39;);    die(json_encode(array(        &#39;dir&#39; => $dir, &#39;html&#39; => $list_dir,    )));}//ajax保存文件if ( is_logged() && is_ajax() && isset($_POST[&#39;action&#39;]) ) {    $arr = array(&#39;result&#39;=>&#39;error&#39;, &#39;msg&#39;=>&#39;文件保存失败！&#39;);    $content = $_POST[&#39;content&#39;];    if ( &#39;save_file&#39; === $_POST[&#39;action&#39;] ) {        if ( isset($_POST[&#39;file_path&#39;]) ) {            $file = dirname(__FILE__).$_POST[&#39;file_path&#39;];        } else {            $file = __FILE__;        }        file_put_contents($file, $content);        $arr[&#39;result&#39;] = &#39;success&#39;;        $arr[&#39;msg&#39;] = &#39;保存成功！&#39;;    }    die(json_encode($arr));}//ajax删除文件或文件夹if ( is_logged() && is_ajax() && isset($_POST[&#39;del&#39;]) ) {    $path = dirname(__FILE__).$_POST[&#39;del&#39;];    $arr = array(&#39;result&#39;=>&#39;error&#39;, &#39;msg&#39;=>&#39;删除操作失败！&#39;);    if ( $_POST[&#39;del&#39;] && $path ) {        $flag = is_dir($path) ? deldir($path) : unlink($path);        if ( $flag ) {           $arr[&#39;msg&#39;] = &#39;删除操作成功！&#39;;           $arr[&#39;result&#39;] = &#39;success&#39;;        }    }    die(json_encode($arr));}//ajax新建文件或文件夹if ( is_logged() && is_ajax() && isset($_POST[&#39;create&#39;]) ) {    $flag = false;    $arr = array(&#39;result&#39;=>&#39;error&#39;, &#39;msg&#39;=>&#39;操作失败！&#39;);    if ( isset($_POST[&#39;target&#39;]) ) {        $target = dirname(__FILE__).$_POST[&#39;target&#39;];        $target = is_dir($target) ? $target : dirname($target);    }    if ( $_POST[&#39;create&#39;] && $target ) {        $base_name = pathinfo($_POST[&#39;create&#39;], PATHINFO_BASENAME);        $exp = explode(&#39;.&#39;, $base_name);        $full_path = $target.&#39;/&#39;.$base_name;        $new_path = str_replace(dirname(__FILE__), &#39;&#39;, $full_path);        if ( count($exp) > 1 && isset($lng[array_pop($exp)]) ) {            file_put_contents($full_path, &#39;&#39;);            $arr[&#39;result&#39;] = &#39;success&#39;;            $arr[&#39;msg&#39;] = &#39;新建文件成功！&#39;;            $arr[&#39;type&#39;] = &#39;file&#39;;        } else {            mkdir($full_path, 0777, true);            $arr[&#39;result&#39;] = &#39;success&#39;;            $arr[&#39;msg&#39;] = &#39;新建目录成功！&#39;;            $arr[&#39;type&#39;] = &#39;dir&#39;;        }        if ( $base_name && $new_path ) {            $arr[&#39;new_name&#39;] = $base_name;            $arr[&#39;new_path&#39;] = $new_path;        }    }    die(json_encode($arr));}//ajax重命名文件或文件夹if ( is_logged() && is_ajax() && isset($_POST[&#39;ｒｅｎａｍｅ&#39;]) ) {    $arr = array(&#39;result&#39;=>&#39;error&#39;, &#39;msg&#39;=>&#39;重命名操作失败！&#39;);    if ( isset($_POST[&#39;target&#39;]) ) {        $target = dirname(__FILE__).$_POST[&#39;target&#39;];    }    if ( $_POST[&#39;ｒｅｎａｍｅ&#39;] ) {        $base_name = pathinfo($_POST[&#39;ｒｅｎａｍｅ&#39;], PATHINFO_BASENAME);        if ( $base_name ) {            $ｒｅｎａｍｅ = dirname($target).&#39;/&#39;.$base_name;            $new_path = str_replace(dirname(__FILE__), &#39;&#39;, $ｒｅｎａｍｅ);        }    }    if ( $ｒｅｎａｍｅ && $target && ｒｅｎａｍｅ($target, $ｒｅｎａｍｅ) ) {       $arr[&#39;new_name&#39;] = $base_name;       $arr[&#39;new_path&#39;] = $new_path;       $arr[&#39;msg&#39;] = &#39;重命名操作成功！&#39;;       $arr[&#39;result&#39;] = &#39;success&#39;;    }    if ( $target == __FILE__ ) {        $arr[&#39;redirect&#39;] = $new_path;    }    die(json_encode($arr));}//获取代码文件内容$code = file_get_contents($curr_file);$tree = &#39;<ul id="dir_tree">    <li class="dir" path="/" onclick="load()">ROOT&#39;.list_dir($curr_file, &#39;html&#39;).&#39;</li></ul>&#39;;//登陆和设置密码共用模版$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: &#39;Monaco&#39;, &#39;Menlo&#39;, &#39;Ubuntu Mono&#39;, &#39;Consolas&#39;, &#39;source-code-pro&#39;, 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[&#39;core&#39;]}" /><link rel="stylesheet" href="{$tip[&#39;css&#39;]}" /></head><body>    <form method="post">        <input name="pwd" type="password" /><button type="submit">【动作】</button>    </form>    <ｓｃｒｉｐｔ src="{$jquery}" type="text/javascript" charset="utf-8"></ｓｃｒｉｐｔ>    <ｓｃｒｉｐｔ src="{$ace}" type="text/javascript" charset="utf-8"></ｓｃｒｉｐｔ>    <ｓｃｒｉｐｔ src="{$tip[&#39;js&#39;]}" type="text/javascript"></ｓｃｒｉｐｔ>    <ｓｃｒｉｐｔ type="text/javascript">    var editor = false;    $(function(){        $(&#39;form&#39;).prepend(&#39;<h5>&#39;+ document.title +&#39;</h5>&#39;);        $(&#39;form&#39;).css({            left: ($(window).width()-$(&#39;form&#39;).width())/2,            top: ($(window).height()-$(&#39;form&#39;).height())/2        });        $(&#39;form&#39;).show();    });    </ｓｃｒｉｐｔ></body></html>HTMLSTR;//判断是否第一次登录if ( false === $pwd && empty($_POST) ) {    die(str_replace(        array(&#39;【标题】&#39;, &#39;【动作】&#39;),        array(&#39;第一次使用，请先设置密码！&#39;, &#39;设置&#39;),        $first    ));}//第一次设置登录密码if ( false === $pwd && !empty($_POST) ) {    if ( isset($_POST[&#39;pwd&#39;]) && strlen($_POST[&#39;pwd&#39;]) ) {        $pwd = $_SESSION[&#39;pwd&#39;] = md5($_POST[&#39;pwd&#39;].$ace);        $code = preg_replace(&#39;#\$pwd = false;#&#39;, &#39;$pwd = "&#39;.$pwd.&#39;";&#39;, $code, 1);        file_put_contents($curr_file, $code);    } else {        reload();    }}//用户登录验证if ( false !== $pwd && !empty($_POST) ) {    $tmp = md5($_POST[&#39;pwd&#39;].$ace);    if ( $tmp && $pwd && $tmp === $pwd ) {        $_SESSION[&#39;pwd&#39;] = $pwd;        reload();    }}//处理一下html实体$code = htmlspecialchars($code);$dir_icon = str_replace(array("\r\n", "\r", "\n"), &#39;&#39;,&#39;data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQVJREFUeNqkkk1uwjAQhd84bsNP1FUXLCtu0H3XPSoX4Qrd9wRsCjQEcIY3DiiJUYiqRhp5Mra/92YSUVVgLSW49B7H+NApRh75XkHfFoCG+02tyflUeQTw2y9UYYP8cCStc9SMPeVA/Sy6Dw555q3au1z+EhBYk1cgO7OSNdaFNT0x5sCkYDha0WPiHZgVqPzLO+8seai6E2jed42bCL06tNyEHAX9kv3jh3HqH7BctFWLMOmAbcg05mHK5+sQpd1HYijN47zcDUCShGEHtzxtwQS9WTcAQmJROrJDLXQB9s1Tu6MtRED4bwsHLnUzxEeKac3+GeP6eo8yevhjC3F1qC4CDAAl3HwuyNAIdwAAAABJRU5ErkJggg==&#39;);$file_icon = str_replace(array("\r\n", "\r", "\n"), &#39;&#39;,&#39;data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS1JREFUeNqMU01KxkAMTaez7aYbNwreQdBzeopS6EXEW+jug7ZC6X+/iUloSr6xioFHJkPee5mUJgBwT7gjpPB3XAgfiBjs5dOyLF/btl0pkEFngdbzPGNRFK/U+0hwJAAMjmcmDsOA4zge6Pseu67DpmlEqK5rLMvyRkDJor6uq2SGktu2FfdpmpANqqoSASYnO/kthABJkoCOxCASkCBkWSYuQqCeNE1fqHz3fMkXzjnJ2sRinL33QBNIzWJ5nh/L8npQohVTJwYTyfFm/d6Oo2HGE8ffwseuZ1PEjhrOutmsRF0iC8QmPibEtT4hftrhHI95JqJT/HC2JOt0to+zN6MVsZ/oZKqwmyCTA33DkbN1sws0i+Pega6v0kd42H9JB/8LJl5I6PNbgAEAa9MP7QWoNLoAAAAASUVORK5CYII=&#39;);$loading = str_replace(array("\r\n", "\r", "\n"), &#39;&#39;,&#39;data:image/gif;base64,R0lGODlhFAAUALMIAPh2AP+TMsZiALlcAKNOAOp4ANVqAP+PFv///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAIACwAAAAAFAAUAAAEUxDJSau9iBDMtebTMEjehgTBJYqkiaLWOlZvGs8WDO6UIPCHw8TnAwWDEuKPcxQml0Ynj2cwYACAS7VqwWItWyuiUJB4s2AxmWxGg9bl6YQtl0cAACH5BAUKAAgALAEAAQASABIAAAROEMkpx6A4W5upENUmEQT2feFIltMJYivbvhnZ3Z1h4FMQIDodz+cL7nDEn5CH8DGZhcLtcMBEoxkqlXKVIgAAibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkphaA4W5upMdUmDQP2feFIltMJYivbvhnZ3V1R4BNBIDodz+cL7nDEn5CH8DGZAMAtEMBEoxkqlXKVIg4HibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkpjaE4W5tpKdUmCQL2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8ONQMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkpS6E4W5spANUmGQb2feFIltMJYivbvhnZ3d1x4JMgIDodz+cL7nDEn5CH8DGZgcBtMMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmFQX2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZBMJNIMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkpz6E4W5tpCNUmAQD2feFIltMJYivbvhnZ3R1B4FNRIDodz+cL7nDEn5CH8DGZg8HNYMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAkKAAgALAEAAQASABIAAAROEMkpQ6A4W5spIdUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZAsGtUMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IADs=&#39;);//编辑器模版$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: &#39;Consolas&#39;, &#39;Monaco&#39;, &#39;Menlo&#39;, &#39;Ubuntu Mono&#39;, 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: &#39;Consolas&#39;; 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[&#39;core&#39;]}" /><link rel="stylesheet" href="{$tip[&#39;css&#39;]}" /></head><body><p id="logout">    <a href="javascript:void(0);">保存</a>    <a href="javascript:void(0);">刷新</a>    <a href="javascript:void(0);">重置</a>    <a href="?logout">退出</a></p><p id="sider">{$tree}</p><pre id="editor">{$code}
HTMLSTR;//判断是否已经登录if ( !is_logged() ) { die(str_replace( array('【标题】', '【动作】'), array('请输入您第一次设置的密码！', '登录'), $first )); } else { echo $html;}
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。