投稿
  1. 首页
  2. 随笔

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

游客 • 2018-5-31 • 随笔 • 阅读 27

单文件版在线代码编辑器 aceditor,第1张

* 单文件版在线代码编辑器 editor.php 版本: v1.21

* 非常方便地在线编辑您网站上的任意文本文件,对于维护网站,和在线写代码非常好用

* 密码加密方式:

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

*

* 使用方法:

* 1.确认 $pwd 变量值为 false, 上传本文件到PHP空间并访问

* 2.第一次访问提示设置密码,设置密码并牢记

* 3.使用第一次设置的密码登录后,默认编辑的是本php文件,

* 4.本文件是编辑器核心文件,请不要随意修改

* 5.保存编辑的文件请用 Ctrl + S 按键组合,等待执行结果

* 6.保存动作执行后请务必等待保存成功信息返回

* 7.重置 *** 作会修改本程序的文件名，以防他人猜测路径

* 8.刷新功能仅是刷新本程序文件，不能刷新其他

*

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


项目详细见

http://git.oschina.net/ymk18/aceditor 单文件版在线代码编辑器 aceditor,第2张

  1. <?php
  2. /**
  3. * 单文件版在线代码编辑器 editor.php 版本: v1.21
  4. *
  5. * 密码加密方式:
  6. * md5(自设密码+$ace) //$ace为cdn镜像地址
  7. *
  8. * 使用方法:
  9. * 1.确认 $pwd 变量值为 false, 上传本文件到PHP空间并访问
  10. * 2.第一次访问提示设置密码,设置密码并牢记
  11. * 3.使用第一次设置的密码登录后,默认编辑的是本php文件,
  12. * 4.本文件是编辑器核心文件,请不要随意修改
  13. * 5.保存编辑的文件请用 Ctrl + S 按键组合,等待执行结果
  14. * 6.保存动作执行后请务必等待保存成功信息返回
  15. * 7.重置 *** 作会修改本程序的文件名，以防他人猜测路径
  16. * 8.刷新功能仅是刷新本程序文件，不能刷新其他
  17. *
  18. * 建议在 chrome 浏览器中使用本编辑器
  19. */
  20. session_start();
  21. $curr_file = __FILE__; //默认编辑当前文件
  22. $curr_file_path = str_replace(dirname(__FILE__), '', __FILE__);
  23. $pwd = false; //密码初始化默认值为 false
  24. $ace = 'http://cdn.staticfile.org/ace/1.1.3/ace.js'; //编辑器核心js
  25. $tip['core'] = 'http://cdn.staticfile.org/alertify.js/0.3.11/alertify.core.min.css';
  26. $tip['css'] = 'http://cdn.staticfile.org/alertify.js/0.3.11/alertify.default.min.css';
  27. $tip['js'] = 'http://cdn.staticfile.org/alertify.js/0.3.11/alertify.min.js';
  28. $jquery = 'http://cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js';
  30. if ( false !== $pwd ) {
  31. define('DEFAULT_PWD', $pwd);
  32. }
  34. //文件后缀名对应的语法解析器
  35. $lng = array(
  36. 'as' => 'actionscript', 'js' => 'javascript',
  37. 'php' => 'php', 'css' => 'css', 'html' => 'html',
  38. 'htm' => 'html', 'ini' => 'ini', 'json' => 'json',
  39. 'jsp' => 'jsp', 'txt' => 'text', 'sql' => 'mysql',
  40. 'xml' => 'xml', 'yaml' => 'yaml', 'py' => 'python',
  41. 'md' => 'markdown', 'htaccess' => 'apache_conf',
  42. 'bat' => 'batchfile', 'go' => 'golang',
  43. );
  45. //判断用户是否登录
  46. function is_logged() {
  47. $flag = false;
  48. if ( isset($_SESSION['pwd']) && defined('DEFAULT_PWD') ) {
  49. if ( $_SESSION['pwd'] === DEFAULT_PWD ) {
  50. $flag = true;
  51. }
  52. }
  53. return $flag;
  54. }
  56. //重新载入到本页面
  57. function reload() {
  58. $file = pathinfo(__FILE__, PATHINFO_BASENAME);
  59. die(header("Location: {$file}"));
  60. }
  62. //判断请求是否是ajax请求
  63. function is_ajax() {
  64. $flag = false;
  65. if ( isset($_SERVER['HTTP_X_REQUESTED_WITH']) ) {
  66. $flag = strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) === 'xmlhttprequest';
  67. }
  68. return $flag;
  69. }
  71. //销毁SESSION和COOKIE
  72. function exterminate() {
  73. $_SESSION = array();
  74. foreach ( $_COOKIE as $key ) {
  75. setcookie($key, null);
  76. }
  77. session_destroy();
  78. $_COOKIE = array();
  79. return true;
  80. }
  82. //获取一个目录下的文件列表
  83. function list_dir($path, $type = 'array') {
  84. $flag = false;
  85. $lst = array('dir'=>array(), 'file'=>array());
  86. $base = !is_dir($path) ? dirname($path) : $path;
  87. $tmp = scandir($base);
  88. foreach ( $tmp as $k=>$v ) {
  89. //过滤掉上级目录,本级目录和程序自身文件名
  90. if ( !in_array($v, array('.', '..')) ) {
  91. $file = $full_path = rtrim($base, '/').DIRECTORY_SEPARATOR.$v;
  92. if ( $full_path == __FILE__ ) {
  93. continue; //屏蔽自身文件不在列表出现
  94. }
  95. $file = str_replace(dirname(__FILE__), '', $file);
  96. $file = str_replace("\", '/', $file); //过滤win下的路径
  97. $file = str_replace('//', '/', $file); //过滤双斜杠
  98. if ( is_dir($full_path) ) {
  99. if ( 'html' === $type ) {
  100. $v = '
    101. <li class="dir" path="'.$file
  101. .'" onclick="load();">'.$v.'
    102. ';
  102. }
  103. array_push($lst['dir'], $v);
  104. } else {
  105. if ( 'html' === $type ) {
  106. $v = '
    107. <li class="file" path="'.$file
  107. .'" onclick="load()">'.$v.'
    108. ';
  108. }
  109. array_push($lst['file'], $v);
  110. }
  111. }
  112. }
  113. $lst = array_merge($lst['dir'], $lst['file']);
  114. $lst = array_filter($lst);
  115. $flag = $lst;
  116. if ( 'html' === $type ) {
  117. $flag = '
      '. implode('', $lst) .'
    ';
  118. }
  119. return $flag;
  120. }
  122. //递归删除一个非空目录
  123. function deldir($dir) {
  124. $dh = opendir($dir);
  125. while ( $file = readdir($dh) ) {
  126. if ( $file != '.' && $file != '..' ) {
  127. $fullpath = $dir.'/'.$file;
  128. if ( !is_dir($fullpath) ) {
  129. unlink($fullpath);
  130. } else {
  131. deldir($fullpath);
  132. }
  133. }
  134. }
  135. return rmdir($dir);
  136. }
  138. //退出登录
  139. if ( isset($_GET['logout']) ) {
  140. if ( exterminate() ) {
  141. reload();
  142. }
  143. }
  145. //ajax输出文件内容
  146. if ( is_logged() && is_ajax() && isset($_POST['file']) ) {
  147. $file = dirname(__FILE__).$_POST['file'];
  148. $ext = pathinfo($file, PATHINFO_EXTENSION);
  149. $mode = isset($lng[$ext]) ? $lng[$ext] : false;
  150. die(json_encode(array(
  151. 'file' => $file, 'html' => file_get_contents($file),
  152. 'mode' => $mode,
  153. )));
  154. }
  156. //ajax输出目录列表
  157. if ( is_logged() && is_ajax() && isset($_POST['dir']) ) {
  158. $dir = dirname(__FILE__).$_POST['dir'];
  159. $list_dir = list_dir($dir, 'html');
  160. die(json_encode(array(
  161. 'dir' => $dir, 'html' => $list_dir,
  162. )));
  163. }
  165. //ajax保存文件
  166. if ( is_logged() && is_ajax() && isset($_POST['action']) ) {
  167. $arr = array('result'=>'error', 'msg'=>'文件保存失败！');
  168. $content = $_POST['content'];
  169. if ( 'save_file' === $_POST['action'] ) {
  170. if ( isset($_POST['file_path']) ) {
  171. $file = dirname(__FILE__).$_POST['file_path'];
  172. } else {
  173. $file = __FILE__;
  174. }
  175. file_put_contents($file, $content);
  176. $arr['result'] = 'success';
  177. $arr['msg'] = '保存成功！';
  178. }
  179. die(json_encode($arr));
  180. }
  182. //ajax删除文件或文件夹
  183. if ( is_logged() && is_ajax() && isset($_POST['del']) ) {
  184. $path = dirname(__FILE__).$_POST['del'];
  185. $arr = array('result'=>'error', 'msg'=>'删除 *** 作失败！');
  186. if ( $_POST['del'] && $path ) {
  187. $flag = is_dir($path) ? deldir($path) : unlink($path);
  188. if ( $flag ) {
  189. $arr['msg'] = '删除 *** 作成功！';
  190. $arr['result'] = 'success';
  191. }
  192. }
  193. die(json_encode($arr));
  194. }
  196. //ajax新建文件或文件夹
  197. if ( is_logged() && is_ajax() && isset($_POST['create']) ) {
  198. $flag = false;
  199. $arr = array('result'=>'error', 'msg'=>' *** 作失败！');
  200. if ( isset($_POST['target']) ) {
  201. $target = dirname(__FILE__).$_POST['target'];
  202. $target = is_dir($target) ? $target : dirname($target);
  203. }
  204. if ( $_POST['create'] && $target ) {
  205. $base_name = pathinfo($_POST['create'], PATHINFO_BASENAME);
  206. $exp = explode('.', $base_name);
  207. $full_path = $target.'/'.$base_name;
  208. $new_path = str_replace(dirname(__FILE__), '', $full_path);
  209. if ( count($exp) > 1 && isset($lng[array_pop($exp)]) ) {
  210. file_put_contents($full_path, '');
  211. $arr['result'] = 'success';
  212. $arr['msg'] = '新建文件成功！';
  213. $arr['type'] = 'file';
  214. } else {
  215. mkdir($full_path, 0777, true);
  216. $arr['result'] = 'success';
  217. $arr['msg'] = '新建目录成功！';
  218. $arr['type'] = 'dir';
  219. }
  220. if ( $base_name && $new_path ) {
  221. $arr['new_name'] = $base_name;
  222. $arr['new_path'] = $new_path;
  223. }
  224. }
  225. die(json_encode($arr));
  226. }
  228. //ajax重命名文件或文件夹
  229. if ( is_logged() && is_ajax() && isset($_POST['rename']) ) {
  230. $arr = array('result'=>'error', 'msg'=>'重命名 *** 作失败！');
  231. if ( isset($_POST['target']) ) {
  232. $target = dirname(__FILE__).$_POST['target'];
  233. }
  234. if ( $_POST['rename'] ) {
  235. $base_name = pathinfo($_POST['rename'], PATHINFO_BASENAME);
  236. if ( $base_name ) {
  237. $rename = dirname($target).'/'.$base_name;
  238. $new_path = str_replace(dirname(__FILE__), '', $rename);
  239. }
  240. }
  241. if ( $rename && $target && rename($target, $rename) ) {
  242. $arr['new_name'] = $base_name;
  243. $arr['new_path'] = $new_path;
  244. $arr['msg'] = '重命名 *** 作成功！';
  245. $arr['result'] = 'success';
  246. }
  247. if ( $target == __FILE__ ) {
  248. $arr['redirect'] = $new_path;
  249. }
  250. die(json_encode($arr));
  251. }
  253. //获取代码文件内容
  254. $code = file_get_contents($curr_file);
  255. $tree = '
    • ROOT'.list_dir($curr_file, 'html').'
    • ';
    • //登陆和设置密码共用模版
    • $first = <<<htmlstr
    • 【标题】
    • 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;
    • }
    • var editor = false;
    • $(function(){
    • $('form').prepend('
      '+ document.title +'
      ');
    • $('form').css({
    • left: ($(window).width()-$('form').width())/2,
    • top: ($(window).height()-$('form').height())/2
    • });
    • $('form').show();
    • });
    • 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("rn", "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("rn", "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("rn", "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
    • ACE代码编辑器
    • 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; }

    • 保存
    • 刷新
    • 重置
    • 退出
    • </htmlstr</htmlstr

  256. {$tree}

    {$code}
  261. var load = false;
  262. var curr_file = false;
  263. window.location.hash = '';
  264. alertify.set({delay: 1000}); //n秒后自动消失
  265. alertify.set({labels: {ok:'确定',cancel:'取消'}});
  266. var editor = false;
  267. $(function(){
  268. //实例化代码编辑器
  269. editor = ace.edit("editor");
  270. //设置编辑器的语法和高亮
  271. editor.setTheme("ace/theme/monokai");
  272. editor.getSession().setMode("ace/mode/php");
  273. //设置编辑器自动换行
  274. editor.getSession().setWrapLimitRange(null, null);
  275. editor.getSession().setUseWrapMode(true);
  276. //不显示垂直衬线
  277. editor.renderer.setShowPrintMargin(false);
  278. //editor.setReadOnly(true); //设置编辑器为只读
  279. //editor.gotoLine(325); //跳转到指定行
  280. //使编辑器获得输入焦点
  281. editor.focus();
  282. //绑定组合按键
  283. var commands = editor.commands;
  284. commands.addCommand({
  285. name: "save",
  286. bindKey: {win: "Ctrl-S", mac: "Command-S"},
  287. exec: save_file
  288. });
  289. //保存动作
  290. function save_file() {
  291. if ( false == editor ) { return false; }
  292. var obj = {
  293. content: editor.getValue(),
  294. action: 'save_file'
  295. };
  296. if ( false !== curr_file ) {
  297. obj.file_path = curr_file;
  298. }
  299. alertify.log('正在保存...');
  300. $.post(window.location.href, obj, function(data){
  301. if ( data.msg && 'success' == data.result ) {
  302. alertify.success(data.msg);
  303. } else {
  304. alertify.error(data.msg);
  305. }
  306. }, 'json');
  307. }
  308. //加载目录列表或文件
  309. load = function(ele) {
  310. var curr = $(event.srcElement);
  311. if ( ele ) { curr = ele; }
  312. if ( curr.is('span') ) { curr = curr.parent('li'); }
  313. $('#dir_tree #on').removeAttr('id');
  314. curr.attr('id', 'on');
  315. var type = curr.attr('class');
  316. var path = curr.attr('path');
  317. window.location.hash = path;
  318. if ( 'file' === type ) {
  319. alertify.log('正在加载...');
  320. curr.addClass('loading');
  321. $.post(window.location.href, {file:path}, function(data){
  322. curr.removeClass('loading');
  323. if ( data.mode ) {
  324. editor.getSession().setMode("ace/mode/"+data.mode);
  325. }
  326. //注意，空文件应当允许编辑
  327. if ( true || data.html ) {
  328. curr.attr('disabled', 'disabled');
  329. curr_file = path; //当前编辑的文件路径
  330. //动态赋值编辑器中的内容
  331. editor.session.doc.setValue(data.html);
  332. editor.renderer.scrollToRow(0); //滚动到第一行
  333. editor.focus(); //编辑器获得焦点
  334. setTimeout(function(){
  335. editor.gotoLine(0);
  336. }, 800);
  337. }
  338. }, 'json');
  339. event.stopPropagation();
  340. event.preventDefault();
  341. return false;
  342. }
  343. if ( 'dir' === type ) {
  344. if ( curr.attr('loaded') ) {
  345. curr.children('ul').toggle();
  346. event.stopPropagation();
  347. event.preventDefault();
  348. return false;
  349. } else {
  350. curr.attr('loaded', 'yes');
  351. }
  352. alertify.log('正在加载...');
  353. curr.addClass('loading');
  354. $.post(window.location.href, {dir:path}, function(data){
  355. curr.find('ul').remove();
  356. curr.removeClass('loading');
  357. if ( data.html ) {
  358. curr.append(data.html);
  359. }
  360. }, 'json');
  361. }
  362. return false;
  363. }
  364. //绑定右键菜单
  365. $('#sider').bind('contextmenu', function(e){
  366. var path = false;
  367. var target = $(event.srcElement);
  368. if ( target.is('span') ) {
  369. target = target.parent('li');
  370. }
  371. if ( target.attr('path') ) {
  372. path = target.attr('path');
  373. } else {
  374. return false;
  375. }
  376. target.addClass('hover');
  377. var right_menu = $('#contextmenu');
  378. if ( !right_menu.get(0) ) {
  379. var timer = false;
  380. right_menu = $('

    ');
  381. right_menu.hover(function(){
  382. if ( timer ) { clearTimeout(timer); }
  383. }, function(){
  384. timer = setTimeout(function(){
  385. hide_menu(right_menu);
  386. }, 500);
  387. });
  388. $('body').append(right_menu);
  389. }
  390. if ( path ) {
  391. right_menu.html('');
  392. var menu = $('新建浏览重命名删除');
  393. right_menu.append(menu);
  394. menu_area(right_menu, {left: e.pageX, top: e.pageY});
  395. right_menu.find('span').click(function(){
  396. switch ( $(this).text() ) {
  397. case '新建' : create_new(target, path); break;
  398. case '浏览' : preview(target, path); break;
  399. case '重命名' : re_name(target, path); break;
  400. case '删除' : del_file(target, path); break;
  401. }
  402. hide_menu(right_menu);
  403. });
  404. }
  405. path ? right_menu.show() : hide_menu(right_menu);
  406. return false;
  407. });
  408. //隐藏右键菜单
  409. function hide_menu(menu) {
  410. $('#sider li.hover').removeClass('hover');
  411. if ( menu ) {
  412. menu.hide();
  413. }
  414. }
  415. //右键菜单区域
  416. function menu_area(menu, cfg) {
  417. if ( menu && cfg ) {
  418. var w = $('#sider').width() - menu.width();
  419. var h = $('#sider').height() - menu.height();
  420. if ( cfg.left > w ) { cfg.left = w; }
  421. if ( cfg.top > h ) { cfg.top = h; }
  422. menu.css(cfg);
  423. }
  424. }
  425. //保存按钮
  426. $('#logout>a:contains("保存")').click(function(){
  427. save_file();
  428. return false;
  429. });
  430. //刷新按钮
  431. $('#logout>a:contains("刷新")').click(function(){
  432. window.location.href = window.location.pathname;
  433. return false;
  434. });
  435. //重置按钮
  436. $('#logout>a:contains("重置")').click(function(){
  437. alertify.confirm('是否修改 {$curr_file_path} 程序文件名？', function (e) {
  438. if ( !e ) { return 'cancel'; }
  439. re_name($(''), '{$curr_file_path}');
  440. });
  441. return false;
  442. });
  443. //新建 *** 作
  444. function create_new(obj, path) {
  445. if ( !obj || !path ) { return false; }
  446. alertify.prompt('请输入新建文件或文件夹名：', function (e, str) {
  447. if ( !e || !str ) { return false; }
  448. alertify.log('正在 *** 作中...');
  449. $('#dir_tree #on').removeAttr('loaded').removeAttr('id');
  450. $.post(window.location.href, {create:str,target:path}, function(data){
  451. if ( data.msg && 'success' == data.result ) {
  452. alertify.success(data.msg);
  453. if ( obj.attr('class') == 'dir' ) {
  454. load(obj); //重新加载子节点
  455. } else {
  456. load(obj.parent().parent());
  457. }
  458. } else {
  459. alertify.error(data.msg);
  460. }
  461. }, 'json');
  462. });
  463. }
  464. //浏览 *** 作
  465. function preview(obj, path) {
  466. if ( !obj || !path ) { return false; }
  467. window.open(path, '_blank');
  468. }
  469. //重命名
  470. function re_name(obj, path) {
  471. if ( !obj || !path ) { return false; }
  472. alertify.prompt('重命名 '+path+' 为：', function (e, str) {
  473. if ( !e || !str ) { return false; }
  474. alertify.log('正在 *** 作中...');
  475. $.post(window.location.href, {rename:str,target:path}, function(data){
  476. if ( data.msg && 'success' == data.result ) {
  477. alertify.success(data.msg);
  478. if ( data.redirect ) {
  479. window.location.href = data.redirect;
  480. }
  481. if ( data.new_name ) {
  482. obj.children('span').first().text(data.new_name);
  483. obj.attr('path', data.new_path);
  484. }
  485. } else {
  486. alertify.error(data.msg);
  487. }
  488. }, 'json');
  489. });
  490. }
  491. //删除文件动作
  492. function del_file(obj, path) {
  493. if ( !obj || !path ) { return false; }
  494. alertify.confirm('您确定要删除：'+path+' 吗？', function (e) {
  495. if ( !e ) { return 'cancel'; }
  496. alertify.log('正在删除中...');
  497. $.post(window.location.href, {del:path}, function(data){
  498. if ( data.msg && 'success' == data.result ) {
  499. alertify.success(data.msg);
  500. obj.remove();
  501. } else {
  502. alertify.error(data.msg);
  503. }
  504. }, 'json');
  505. });
  506. }
  507. });
  510. HTMLSTR;
  512. //判断是否已经登录
  513. if ( !is_logged() ) {
  514. die(str_replace(
  515. array('【标题】', '【动作】'),
  516. array('请输入您第一次设置的密码！', '登录'),
  517. $first
  518. ));
  519. } else {
  520. echo $html;
  521. }

    522. 复制代码

    欢迎分享，转载请注明来源：内存溢出

    原文地址: http://www.outofmemory.cn/zaji/329599.html

    赞 (0)
    打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
    游客 游客 游客组
    0 0
    上一篇 2018-05-31
    下一篇 2018-05-31

    发表评论

    登录后才能评论

    评论列表（0条）

    保存