社区 学习 工具库 休闲
搜索
简体中文
首页 > 后端开发 > php教程 > 单文件版在线代码编辑器 aceditor

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

WBOY
发布： 2016-07-25 08:47:33
原创
2099 人浏览过
* 单文件版在线代码编辑器 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
  1. /**
  2. * 单文件版在线代码编辑器 editor.php 版本: v1.21
  3. *
  4. * 密码加密方式:
  5. * md5(自设密码+$ace) //$ace为cdn镜像地址
  6. *
  7. * 使用方法:
  8. * 1.确认 $pwd 变量值为 false, 上传本文件到PHP空间并访问
  9. * 2.第一次访问提示设置密码,设置密码并牢记
  10. * 3.使用第一次设置的密码登录后,默认编辑的是本php文件,
  11. * 4.本文件是编辑器核心文件,请不要随意修改
  12. * 5.保存编辑的文件请用 Ctrl + S 按键组合,等待执行结果
  13. * 6.保存动作执行后请务必等待保存成功信息返回
  14. * 7.重置操作会修改本程序的文件名，以防他人猜测路径
  15. * 8.刷新功能仅是刷新本程序文件，不能刷新其他
  16. *
  17. * 建议在 chrome 浏览器中使用本编辑器
  18. */
  19. session_start();
  20. $curr_file = __FILE__; //默认编辑当前文件
  21. $curr_file_path = str_replace(dirname(__FILE__), '', __FILE__);
  22. $pwd = false; //密码初始化默认值为 false
  23. $ace = 'http://cdn.staticfile.org/ace/1.1.3/ace.js'; //编辑器核心js
  24. $tip['core'] = 'http://cdn.staticfile.org/alertify.js/0.3.11/alertify.core.min.css';
  25. $tip['css'] = 'http://cdn.staticfile.org/alertify.js/0.3.11/alertify.default.min.css';
  26. $tip['js'] = 'http://cdn.staticfile.org/alertify.js/0.3.11/alertify.min.js';
  27. $jquery = 'http://cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js';
  29. if ( false !== $pwd ) {
  30. define('DEFAULT_PWD', $pwd);
  31. }
  33. //文件后缀名对应的语法解析器
  34. $lng = array(
  35. 'as' => 'actionscript', 'js' => 'javascript',
  36. 'php' => 'php', 'css' => 'css', 'html' => 'html',
  37. 'htm' => 'html', 'ini' => 'ini', 'json' => 'json',
  38. 'jsp' => 'jsp', 'txt' => 'text', 'sql' => 'mysql',
  39. 'xml' => 'xml', 'yaml' => 'yaml', 'py' => 'python',
  40. 'md' => 'markdown', 'htaccess' => 'apache_conf',
  41. 'bat' => 'batchfile', 'go' => 'golang',
  42. );
  44. //判断用户是否登录
  45. function is_logged() {
  46. $flag = false;
  47. if ( isset($_SESSION['pwd']) && defined('DEFAULT_PWD') ) {
  48. if ( $_SESSION['pwd'] === DEFAULT_PWD ) {
  49. $flag = true;
  50. }
  51. }
  52. return $flag;
  53. }
  55. //重新载入到本页面
  56. function reload() {
  57. $file = pathinfo(__FILE__, PATHINFO_BASENAME);
  58. die(header("Location: {$file}"));
  59. }
  61. //判断请求是否是ajax请求
  62. function is_ajax() {
  63. $flag = false;
  64. if ( isset($_SERVER['HTTP_X_REQUESTED_WITH']) ) {
  65. $flag = strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) === 'xmlhttprequest';
  66. }
  67. return $flag;
  68. }
  70. //销毁SESSION和COOKIE
  71. function exterminate() {
  72. $_SESSION = array();
  73. foreach ( $_COOKIE as $key ) {
  74. setcookie($key, null);
  75. }
  76. session_destroy();
  77. $_COOKIE = array();
  78. return true;
  79. }
  81. //获取一个目录下的文件列表
  82. function list_dir($path, $type = 'array') {
  83. $flag = false;
  84. $lst = array('dir'=>array(), 'file'=>array());
  85. $base = !is_dir($path) ? dirname($path) : $path;
  86. $tmp = scandir($base);
  87. foreach ( $tmp as $k=>$v ) {
  88. //过滤掉上级目录,本级目录和程序自身文件名
  89. if ( !in_array($v, array('.', '..')) ) {
  90. $file = $full_path = rtrim($base, '/').DIRECTORY_SEPARATOR.$v;
  91. if ( $full_path == __FILE__ ) {
  92. continue; //屏蔽自身文件不在列表出现
  93. }
  94. $file = str_replace(dirname(__FILE__), '', $file);
  95. $file = str_replace("\\", '/', $file); //过滤win下的路径
  96. $file = str_replace('//', '/', $file); //过滤双斜杠
  97. if ( is_dir($full_path) ) {
  98. if ( 'html' === $type ) {
  99. $v = '
  100. '.$v.'
    101. ';
  101. }
  102. array_push($lst['dir'], $v);
  103. } else {
  104. if ( 'html' === $type ) {
  105. $v = '
  106. '.$v.'
    107. ';
  107. }
  108. array_push($lst['file'], $v);
  109. }
  110. }
  111. }
  112. $lst = array_merge($lst['dir'], $lst['file']);
  113. $lst = array_filter($lst);
  114. $flag = $lst;
  115. if ( 'html' === $type ) {
  116. $flag = '
      '. implode('', $lst) .'
    ';
  117. }
  118. return $flag;
  119. }
  121. //递归删除一个非空目录
  122. function deldir($dir) {
  123. $dh = opendir($dir);
  124. while ( $file = readdir($dh) ) {
  125. if ( $file != '.' && $file != '..' ) {
  126. $fullpath = $dir.'/'.$file;
  127. if ( !is_dir($fullpath) ) {
  128. unlink($fullpath);
  129. } else {
  130. deldir($fullpath);
  131. }
  132. }
  133. }
  134. return rmdir($dir);
  135. }
  137. //退出登录
  138. if ( isset($_GET['logout']) ) {
  139. if ( exterminate() ) {
  140. reload();
  141. }
  142. }
  144. //ajax输出文件内容
  145. if ( is_logged() && is_ajax() && isset($_POST['file']) ) {
  146. $file = dirname(__FILE__).$_POST['file'];
  147. $ext = pathinfo($file, PATHINFO_EXTENSION);
  148. $mode = isset($lng[$ext]) ? $lng[$ext] : false;
  149. die(json_encode(array(
  150. 'file' => $file, 'html' => file_get_contents($file),
  151. 'mode' => $mode,
  152. )));
  153. }
  155. //ajax输出目录列表
  156. if ( is_logged() && is_ajax() && isset($_POST['dir']) ) {
  157. $dir = dirname(__FILE__).$_POST['dir'];
  158. $list_dir = list_dir($dir, 'html');
  159. die(json_encode(array(
  160. 'dir' => $dir, 'html' => $list_dir,
  161. )));
  162. }
  164. //ajax保存文件
  165. if ( is_logged() && is_ajax() && isset($_POST['action']) ) {
  166. $arr = array('result'=>'error', 'msg'=>'文件保存失败！');
  167. $content = $_POST['content'];
  168. if ( 'save_file' === $_POST['action'] ) {
  169. if ( isset($_POST['file_path']) ) {
  170. $file = dirname(__FILE__).$_POST['file_path'];
  171. } else {
  172. $file = __FILE__;
  173. }
  174. file_put_contents($file, $content);
  175. $arr['result'] = 'success';
  176. $arr['msg'] = '保存成功！';
  177. }
  178. die(json_encode($arr));
  179. }
  181. //ajax删除文件或文件夹
  182. if ( is_logged() && is_ajax() && isset($_POST['del']) ) {
  183. $path = dirname(__FILE__).$_POST['del'];
  184. $arr = array('result'=>'error', 'msg'=>'删除操作失败！');
  185. if ( $_POST['del'] && $path ) {
  186. $flag = is_dir($path) ? deldir($path) : unlink($path);
  187. if ( $flag ) {
  188. $arr['msg'] = '删除操作成功！';
  189. $arr['result'] = 'success';
  190. }
  191. }
  192. die(json_encode($arr));
  193. }
  195. //ajax新建文件或文件夹
  196. if ( is_logged() && is_ajax() && isset($_POST['create']) ) {
  197. $flag = false;
  198. $arr = array('result'=>'error', 'msg'=>'操作失败！');
  199. if ( isset($_POST['target']) ) {
  200. $target = dirname(__FILE__).$_POST['target'];
  201. $target = is_dir($target) ? $target : dirname($target);
  202. }
  203. if ( $_POST['create'] && $target ) {
  204. $base_name = pathinfo($_POST['create'], PATHINFO_BASENAME);
  205. $exp = explode('.', $base_name);
  206. $full_path = $target.'/'.$base_name;
  207. $new_path = str_replace(dirname(__FILE__), '', $full_path);
  208. if ( count($exp) > 1 && isset($lng[array_pop($exp)]) ) {
  209. file_put_contents($full_path, '');
  210. $arr['result'] = 'success';
  211. $arr['msg'] = '新建文件成功！';
  212. $arr['type'] = 'file';
  213. } else {
  214. mkdir($full_path, 0777, true);
  215. $arr['result'] = 'success';
  216. $arr['msg'] = '新建目录成功！';
  217. $arr['type'] = 'dir';
  218. }
  219. if ( $base_name && $new_path ) {
  220. $arr['new_name'] = $base_name;
  221. $arr['new_path'] = $new_path;
  222. }
  223. }
  224. die(json_encode($arr));
  225. }
  227. //ajax重命名文件或文件夹
  228. if ( is_logged() && is_ajax() && isset($_POST['rename']) ) {
  229. $arr = array('result'=>'error', 'msg'=>'重命名操作失败！');
  230. if ( isset($_POST['target']) ) {
  231. $target = dirname(__FILE__).$_POST['target'];
  232. }
  233. if ( $_POST['rename'] ) {
  234. $base_name = pathinfo($_POST['rename'], PATHINFO_BASENAME);
  235. if ( $base_name ) {
  236. $rename = dirname($target).'/'.$base_name;
  237. $new_path = str_replace(dirname(__FILE__), '', $rename);
  238. }
  239. }
  240. if ( $rename && $target && rename($target, $rename) ) {
  241. $arr['new_name'] = $base_name;
  242. $arr['new_path'] = $new_path;
  243. $arr['msg'] = '重命名操作成功！';
  244. $arr['result'] = 'success';
  245. }
  246. if ( $target == __FILE__ ) {
  247. $arr['redirect'] = $new_path;
  248. }
  249. die(json_encode($arr));
  250. }
  252. //获取代码文件内容
  253. $code = file_get_contents($curr_file);
  254. $tree = '
    • ROOT'.list_dir($curr_file, 'html').'
    ';
  256. //登陆和设置密码共用模版
  257. $first =
  259. 【标题】
  274. HTMLSTR;
  276. //判断是否第一次登录
  277. if ( false === $pwd && empty($_POST) ) {
  278. die(str_replace(
  279. array('【标题】', '【动作】'),
  280. array('第一次使用，请先设置密码！', '设置'),
  281. $first
  282. ));
  283. }
  285. //第一次设置登录密码
  286. if ( false === $pwd && !empty($_POST) ) {
  287. if ( isset($_POST['pwd']) && strlen($_POST['pwd']) ) {
  288. $pwd = $_SESSION['pwd'] = md5($_POST['pwd'].$ace);
  289. $code = preg_replace('#\$pwd = false;#', '$pwd = "'.$pwd.'";', $code, 1);
  290. file_put_contents($curr_file, $code);
  291. } else {
  292. reload();
  293. }
  294. }
  296. //用户登录验证
  297. if ( false !== $pwd && !empty($_POST) ) {
  298. $tmp = md5($_POST['pwd'].$ace);
  299. if ( $tmp && $pwd && $tmp === $pwd ) {
  300. $_SESSION['pwd'] = $pwd;
  301. reload();
  302. }
  303. }
  305. //处理一下html实体
  306. $code = htmlspecialchars($code);
  308. $dir_icon = str_replace(array("\r\n", "\r", "\n"), '',
  309. 'data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAGXRFWHRTb2Z0d2
  310. FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQVJREFUeNqkkk1uwjAQhd84bsNP1FUXLCtu0H3XPSoX4Qrd9wR
  311. sCjQEcIY3DiiJUYiqRhp5Mra/92YSUVVgLSW49B7H+NApRh75XkHfFoCG+02tyflUeQTw2y9UYYP8cCStc9SM
  312. PeVA/Sy6Dw555q3au1z+EhBYk1cgO7OSNdaFNT0x5sCkYDha0WPiHZgVqPzLO+8seai6E2jed42bCL06tNyEH
  313. AX9kv3jh3HqH7BctFWLMOmAbcg05mHK5+sQpd1HYijN47zcDUCShGEHtzxtwQS9WTcAQmJROrJDLXQB9s1Tu6
  314. MtRED4bwsHLnUzxEeKac3+GeP6eo8yevhjC3F1qC4CDAAl3HwuyNAIdwAAAABJRU5ErkJggg==');
  316. $file_icon = str_replace(array("\r\n", "\r", "\n"), '',
  317. 'data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAGXRFWHRTb2Z0d2
  318. FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS1JREFUeNqMU01KxkAMTaez7aYbNwreQdBzeopS6EXEW+jug7Z
  319. C6X+/iUloSr6xioFHJkPee5mUJgBwT7gjpPB3XAgfiBjs5dOyLF/btl0pkEFngdbzPGNRFK/U+0hwJAAMjmcm
  320. DsOA4zge6Pseu67DpmlEqK5rLMvyRkDJor6uq2SGktu2FfdpmpANqqoSASYnO/kthABJkoCOxCASkCBkWSYuQ
  321. qCeNE1fqHz3fMkXzjnJ2sRinL33QBNIzWJ5nh/L8npQohVTJwYTyfFm/d6Oo2HGE8ffwseuZ1PEjhrOutmsRF
  322. 0iC8QmPibEtT4hftrhHI95JqJT/HC2JOt0to+zN6MVsZ/oZKqwmyCTA33DkbN1sws0i+Pega6v0kd42H9JB/8
  323. LJl5I6PNbgAEAa9MP7QWoNLoAAAAASUVORK5CYII=');
  325. $loading = str_replace(array("\r\n", "\r", "\n"), '',
  326. 'data:image/gif;base64,R0lGODlhFAAUALMIAPh2AP+TMsZiALlcAKNOAOp4ANVqAP+PFv///wAAAAAAAA
  327. AAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAIACwAAAAAFAAUAAAEUxDJSau9iBDMteb
  328. TMEjehgTBJYqkiaLWOlZvGs8WDO6UIPCHw8TnAwWDEuKPcxQml0Ynj2cwYACAS7VqwWItWyuiUJB4s2AxmWxG
  329. g9bl6YQtl0cAACH5BAUKAAgALAEAAQASABIAAAROEMkpx6A4W5upENUmEQT2feFIltMJYivbvhnZ3Z1h4FMQI
  330. Dodz+cL7nDEn5CH8DGZhcLtcMBEoxkqlXKVIgAAibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAA
  331. ROEMkphaA4W5upMdUmDQP2feFIltMJYivbvhnZ3V1R4BNBIDodz+cL7nDEn5CH8DGZAMAtEMBEoxkqlXKVIg4
  332. HibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkpjaE4W5tpKdUmCQL2feFIltMJYivbvhnZ
  333. 3R0A4NMwIDodz+cL7nDEn5CH8DGZh8ONQMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAA
  334. QASABIAAAROEMkpS6E4W5spANUmGQb2feFIltMJYivbvhnZ3d1x4JMgIDodz+cL7nDEn5CH8DGZgcBtMMBEox
  335. kqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmFQX2feFIltM
  336. JYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZBMJNIMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUK
  337. AAgALAEAAQASABIAAAROEMkpz6E4W5tpCNUmAQD2feFIltMJYivbvhnZ3R1B4FNRIDodz+cL7nDEn5CH8DGZg
  338. 8HNYMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAkKAAgALAEAAQASABIAAAROEMkpQ6A4W5spIdUmHQ
  339. f2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZAsGtUMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0
  340. IADs=');
  342. //编辑器模版
  343. $html =
  345. ACE代码编辑器
  352. 保存
  353. 刷新
  354. 重置
  355. 退出
  • {$tree}
    {$code}
    登录后复制
    • ');
  • 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 = $('新建浏览重命名删除');
  • 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($(''), '{$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');
  • });
  • }
  • });
  • HTMLSTR;
  • //判断是否已经登录
  • if ( !is_logged() ) {
  • die(str_replace(
  • array('【标题】', '【动作】'),
  • array('请输入您第一次设置的密码！', '登录'),
  • $first
  • ));
  • } else {
  • echo $html;
  • }
    •  复制代码


    相关标签：
    单文件版在线代码编辑器 aceditor
    来源：php.cn
    上一篇：对传入的数组参数的字段进行判断 下一篇：php 附近的人
    本站声明
    本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
    作者最新文章
    最新问题
    有没有办法恢复我的 PHP 文件？ 我正在使用VisualStudioCode进行编码，但我的PHP文件现已损坏，并且丢失了70%的代码。当我尝试打开它时，它显示“该文件未显示在编辑器中，因为它是二进制文件或使用不受...
    来自于 2024-04-03 11:28:59
    0
    1
    291
    相关专题
    更多>
    热门推荐
    热门教程
    更多>
    相关教程
    热门推荐
    最新课程
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板