讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 人工智能 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 人工智能 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
当前位置：首页 > 后端开发 > php教程 >

正文

0

0

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

php中文网

php中文网

发布时间：2016-07-25 08:47:33

|

2302人浏览过

|

来源于php中文网

原创

* 单文件版在线代码编辑器 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. /**
  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. '.$v.'
    102. ';
  102. }
  103. array_push($lst['dir'], $v);
  104. } else {
  105. if ( 'html' === $type ) {
  106. $v = '
  107. '.$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 =
    • 【标题】
    • 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;
    • }
    • <script src="%7B%24jquery%7D" type="text/javascript" charset="utf-8"></script>
    • <script src="%7B%24ace%7D" type="text/javascript" charset="utf-8"></script>
    • <script src="%7B%24tip['js']%7D" type="text/javascript"></script>
    • <script type="text/javascript"></script>
    • 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(" ", " ", " "), '',
    • 'data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAGXRFWHRTb2Z0d2
    • FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQVJREFUeNqkkk1uwjAQhd84bsNP1FUXLCtu0H3XPSoX4Qrd9wR
    • sCjQEcIY3DiiJUYiqRhp5Mra/92YSUVVgLSW49B7H+NApRh75XkHfFoCG+02tyflUeQTw2y9UYYP8cCStc9SM
    • PeVA/Sy6Dw555q3au1z+EhBYk1cgO7OSNdaFNT0x5sCkYDha0WPiHZgVqPzLO+8seai6E2jed42bCL06tNyEH
    • AX9kv3jh3HqH7BctFWLMOmAbcg05mHK5+sQpd1HYijN47zcDUCShGEHtzxtwQS9WTcAQmJROrJDLXQB9s1Tu6
    • MtRED4bwsHLnUzxEeKac3+GeP6eo8yevhjC3F1qC4CDAAl3HwuyNAIdwAAAABJRU5ErkJggg==');
    • $file_icon = str_replace(array(" ", " ", " "), '',
    • '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(" ", " ", " "), '',
    • '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 =
    • 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; }
    • 保存
    • 刷新
    • 重置
    • 退出
  256. {$tree}
    {$code}
  257. <script src="%7B%24jquery%7D" type="text/javascript" charset="utf-8"></script>
  258. <script src="%7B%24ace%7D" type="text/javascript" charset="utf-8"></script>
  259. <script src="%7B%24tip['js']%7D" type="text/javascript"></script>
  260. <script type="text/javascript"></script>
  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. 复制代码


    相关文章

    VSC怎么创建PHP项目_从零开始搭建项目的步骤【操作】

    php文件怎么打开_php文件打开方法有哪些【工具推荐】

    ios设备能打开php文件吗_ios打开php文件操作步骤【分享】

    记事本能打开php文件吗_记事本打开php文件注意什么【说明】

    安卓手机怎么打开php文件_安卓打开php文件用什么app【推荐】

    本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

    上一篇：对传入的数组参数的字段进行判断 下一篇：php 附近的人

    热门AI工具

    更多
    DeepSeek
    DeepSeek

    幻方量化公司旗下的开源大模型平台

    AI 编程开发AI 聊天问答
    豆包大模型
    豆包大模型

    字节跳动自主研发的一系列大型语言模型

    AI 编程开发AI大模型
    通义千问
    通义千问

    阿里巴巴推出的全能AI助手

    AI 编程开发Agent智能体
    腾讯元宝
    腾讯元宝

    腾讯混元平台推出的AI助手

    文档处理AI 聊天问答
    文心一言
    文心一言

    文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

    AI 编程开发AI 文本写作
    讯飞写作
    讯飞写作

    基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

    AI 文本写作中文写作
    即梦AI
    即梦AI

    一站式AI创作平台，免费AI图片和视频生成。

    AI 图片处理图片拼接
    ChatGPT
    ChatGPT

    最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

    AI 编程开发AI 文本写作
    智谱清言 - 免费全能的AI助手
    智谱清言 - 免费全能的AI助手

    智谱清言 - 免费全能的AI助手

    AI 编程开发Agent智能体

    相关专题

    更多
    pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
    pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

    本专题系统整理pixiv网页版官网入口及登录访问方式，涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明，帮助用户高效找到pixiv官方网站，实现便捷、安全的网页端浏览与账号登录体验。

    1142

    2026.02.13

    微博网页版主页入口与登录指南_官方网页端快速访问方法
    微博网页版主页入口与登录指南_官方网页端快速访问方法

    本专题系统整理微博网页版官方入口及网页端登录方式，涵盖首页直达地址、账号登录流程与常见访问问题说明，帮助用户快速找到微博官网主页，实现便捷、安全的网页端登录与内容浏览体验。

    371

    2026.02.13

    Flutter跨平台开发与状态管理实战
    Flutter跨平台开发与状态管理实战

    本专题围绕Flutter框架展开，系统讲解跨平台UI构建原理与状态管理方案。内容涵盖Widget生命周期、路由管理、Provider与Bloc状态管理模式、网络请求封装及性能优化技巧。通过实战项目演示，帮助开发者构建流畅、可维护的跨平台移动应用。

    245

    2026.02.13

    TypeScript工程化开发与Vite构建优化实践
    TypeScript工程化开发与Vite构建优化实践

    本专题面向前端开发者，深入讲解 TypeScript 类型系统与大型项目结构设计方法，并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例，帮助开发者提升代码可维护性与开发效率。

    37

    2026.02.13

    Redis高可用架构与分布式缓存实战
    Redis高可用架构与分布式缓存实战

    本专题围绕 Redis 在高并发系统中的应用展开，系统讲解主从复制、哨兵机制、Cluster 集群模式及数据分片原理。内容涵盖缓存穿透与雪崩解决方案、分布式锁实现、热点数据优化及持久化策略。通过真实业务场景演示，帮助开发者构建高可用、可扩展的分布式缓存系统。

    114

    2026.02.13

    c语言 数据类型
    c语言 数据类型

    本专题整合了c语言数据类型相关内容，阅读专题下面的文章了解更多详细内容。

    77

    2026.02.12

    雨课堂网页版登录入口与使用指南_官方在线教学平台访问方法
    雨课堂网页版登录入口与使用指南_官方在线教学平台访问方法

    本专题系统整理雨课堂网页版官方入口及在线登录方式，涵盖账号登录流程、官方直连入口及平台访问方法说明，帮助师生用户快速进入雨课堂在线教学平台，实现便捷、高效的课程学习与教学管理体验。

    17

    2026.02.12

    豆包AI网页版入口与智能创作指南_官方在线写作与图片生成使用方法
    豆包AI网页版入口与智能创作指南_官方在线写作与图片生成使用方法

    本专题汇总豆包AI官方网页版入口及在线使用方式，涵盖智能写作工具、图片生成体验入口和官网登录方法，帮助用户快速直达豆包AI平台，高效完成文本创作与AI生图任务，实现便捷智能创作体验。

    863

    2026.02.12

    PostgreSQL性能优化与索引调优实战
    PostgreSQL性能优化与索引调优实战

    本专题面向后端开发与数据库工程师，深入讲解 PostgreSQL 查询优化原理与索引机制。内容包括执行计划分析、常见索引类型对比、慢查询优化策略、事务隔离级别以及高并发场景下的性能调优技巧。通过实战案例解析，帮助开发者提升数据库响应速度与系统稳定性。

    123

    2026.02.12

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    相关下载

    更多
    Markdown网页文本编辑器插件

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    php初学者入门课程
    php初学者入门课程

    共10课时 | 0.7万人学习

    PHP基础入门课程
    PHP基础入门课程

    共33课时 | 2.2万人学习

    最新文章

    更多
    PHP 8.1+ 中声明字符串数组类型成员的正确语法详解
    Laravel S3 连接失败的排查与修复指南
    如何在 Laravel 中正确配置认证中间件实现未登录用户重定向
    PHP 8.1+ 中声明字符串数组类型成员的正确语法与实践
    如何读取文件最后几行内容_PHP获取文件末尾行数据方法【指南】
    php怎么实现API文档自动生成_php使用Swagger注解生成文档【文档】
    PHP变量区分大小写吗_PHP变量大小写规则说明【技巧】
    PHP加密API限流令牌_加密令牌生成验证防刷接口【方法】
    php怎么实现定时发送邮件_php结合crontab每日自动发信【定时】
    php怎么实现多图轮播后台_php管理首页轮播图数据【展示】
    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网：公益在线php培训，帮助PHP学习者快速成长！
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  522. PHP学习

  523. 技术支持

  524. 返回顶部