editor.php 40 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162
  1. <?php
  2. require_once 'checklogin.inc';
  3. require_once '../public/config.php';
  4. require_once '../public/load_lang.php';
  5. //load language file
  6. if(file_exists($dir_language.$currLanguage.".php")){
  7. require $dir_language.$currLanguage.".php";
  8. }
  9. else{
  10. include $dir_language."default.php";
  11. }
  12. if(isset($_GET["device"])){$currDevice=$_GET["device"];}
  13. else{$currDevice="computer";}
  14. //require "module/editor/language/$currLanguage.php";
  15. ?>
  16. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  17. <html>
  18. <head>
  19. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  20. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  21. <link rel="shortcut icon" href="../favicon.icon" />
  22. <link type="text/css" rel="stylesheet" href="css/style.css"/>
  23. <link type="text/css" rel="stylesheet" href="css/color_day.css" id="colorchange" />
  24. <link type="text/css" rel="stylesheet" href="css/style_mobile.css" media="screen and (max-width:767px)">
  25. <link type="text/css" rel="stylesheet" href="../public/css/notify.css"/>
  26. <?php
  27. if(file_exists($dir_user_base.$userid.$dir_myApp."/style.css")){
  28. echo "<link type=\"text/css\" rel=\"stylesheet\" href=\"".$dir_user_base.$userid.$dir_myApp."/style.css\"/>";
  29. }
  30. ?>
  31. <script src="../guide/guide.js"></script>
  32. <link type="text/css" rel="stylesheet" href="../guide/guide.css"/>
  33. <script src="../public/js/marked.js"></script>
  34. <title id="file_title"><?php echo $_local->gui->pcd_studio; ?></title>
  35. <script language="javascript" src="config.js"></script>
  36. <script language="javascript" src="js/data.js"></script>
  37. <script language="javascript" src="js/common.js"></script>
  38. <script language="javascript" src="js/render.js"></script>
  39. <script language="javascript" src="js/xml.js"></script>
  40. <script language="javascript" src="js/editor.js"></script>
  41. <script language="javascript" src="js/wizard.js"></script>
  42. <script language="javascript" src="js/wordmap.js"></script>
  43. <script language="javascript" src="js/dict.js"></script>
  44. <script language="javascript" src="js/relation.js"></script>
  45. <script language="javascript" src="js/relation_list.json"></script>
  46. <script language="javascript" src="sent/sent.js"></script>
  47. <script language="javascript" src="../public/js/notify.js"></script>
  48. <script language="javascript" src="../public/js/comm.js"></script>
  49. <script language="javascript" src="../public/js/localforage.min.js"></script>
  50. <script language="javascript" src="../public/script/my.js"></script>
  51. <script language="javascript" src="module/editor/language/default.js"></script>
  52. <script src="js/jquery-3.3.1.min.js"></script>
  53. <script src="../term/term.js"></script>
  54. <script src="../term/note.js"></script>
  55. <script src="./js/message.js"></script>
  56. <script src="../uwbw/update.js"></script>
  57. <script src="../usent/usent.js"></script>
  58. <script src="../fileindex/file_info.js"></script>
  59. <script language="javascript">
  60. <?php
  61. //加载js语言包
  62. //require_once '../public/load_lang_js.php';
  63. ?>
  64. <?php
  65. //加载js语言包
  66. if(file_exists(_DIR_LANGUAGE_."/".$currLanguage.".json")){
  67. echo "var gLocal = ".file_get_contents(_DIR_LANGUAGE_."/".$currLanguage.".json").";";
  68. }
  69. else{
  70. echo "var gLocal = ".file_get_contents(_DIR_LANGUAGE_."/default.json").";";
  71. }
  72. ?>
  73. var gDownloadListString="";
  74. var g_device="computer";
  75. var strSertch = location.search;
  76. var gConfigDirMydocument="<?php echo _DIR_USER_BASE_."/".$userid._DIR_MYDOCUMENT_; ?>/";
  77. if(strSertch.length>0){
  78. strSertch = strSertch.substr(1);
  79. var sertchList=strSertch.split('&');
  80. for (x in sertchList){
  81. var item = sertchList[x].split('=');
  82. if(item[0]=="device"){
  83. g_device=item[1];
  84. }
  85. }
  86. }
  87. if(g_device=="mobile"){
  88. g_is_mobile=true;
  89. }
  90. else{
  91. g_is_mobile=false;
  92. }
  93. var gCaseTable=<?php echo file_get_contents("../public/js/case.json"); ?>
  94. </script>
  95. </head>
  96. <body class="mainbody" id="mbody" onLoad="editor_windowsInit()">
  97. <style id="display_set">
  98. </style>
  99. <style>
  100. .trans_text_block{
  101. border-left: 5px solid #d1d1d1;
  102. background-color: #f1f1f1;
  103. margin-bottom: 0.5em;
  104. padding: 0.5em 0.5em 0.1em 0.5em;
  105. }
  106. .trans_text_content{
  107. color: var(--main-color);
  108. }
  109. .trans_text_info{
  110. font-size: 80%;
  111. border-top: 1px solid gray;
  112. padding-top: 5px;
  113. color: gray;
  114. display:flex;
  115. justify-content: space-between;
  116. }
  117. .trans_text_info .tag{
  118. font-size: 75%;
  119. }
  120. .trans_text_info .tools{
  121. visibility: hidden;
  122. }
  123. .trans_text_block:hover .trans_text_info .tools{
  124. visibility: visible;
  125. }
  126. wnh{
  127. background-color: var(--link-hover-color);
  128. color: var(--btn-color);
  129. border-radius: 99px;
  130. cursor: pointer;
  131. padding: 2px;
  132. font-size: 80%;
  133. display: inline-block;
  134. min-width: 1.2em;
  135. text-align: center;
  136. }
  137. #left_tool_bar {
  138. position: fixed;
  139. top: 0;
  140. left: 0;
  141. background-color: var(--tool-bg-color);
  142. color: var(--tool-color);
  143. height: 100%;
  144. width: 2.5em;
  145. font-size: 100%;
  146. z-index: 16;
  147. display: -webkit-flex;
  148. display: -moz-flex;
  149. display: flex;
  150. flex-direction: column;
  151. -webkit-align-items: center;
  152. -moz-align-items: center;
  153. align-items: center;
  154. -webkit-justify-content: space-between;
  155. -moz-justify-content: space-between;
  156. justify-content: space-between;
  157. padding: 4em 4px 1em 4px;
  158. border-right: 1px solid var(--tool-bg-color3);
  159. }
  160. #left_tool_bar::-webkit-scrollbar {
  161. display: none;
  162. }
  163. .border_top{
  164. border-top: 1px solid var(--tool-line-color);
  165. width: 1.5em;
  166. margin: 10px 5px 10px 5px;
  167. display: inline-block;
  168. }
  169. .left_panal_caption{
  170. border-bottom: 1px solid var(--tool-bg-color3);
  171. padding: 8px 0 8px 3.2em;
  172. font-weight: 700;
  173. }
  174. .left_panal_content{
  175. padding: 8px 0 8px 3.2em;
  176. }
  177. #svg_parent2{
  178. width: 1em;
  179. margin-left: -1em;
  180. }
  181. guide {
  182. margin: 0 15px 0 -8px;
  183. }
  184. </style>
  185. <!--左侧工具栏-->
  186. <div id="left_tool_bar">
  187. <div>
  188. <?php
  189. $plugin_list = json_decode(file_get_contents("plugin/index.json"));
  190. foreach($plugin_list as $info){
  191. if($info->attach=="left_top" && $info->enable=="true"){
  192. echo "<button id=\"left_toc\" type=\"button\" class=\"icon_btn\" onclick=\"setNaviVisibility('{$info->id}')\" title=\"";
  193. if(substr($info->tooltip,0,1)=="#"){
  194. $realTipText = substr($info->tooltip,1);
  195. if(isset($_local_arr[$realTipText])){
  196. echo $_local_arr[$realTipText];
  197. }
  198. else{
  199. echo $realTipText;
  200. }
  201. }
  202. else{
  203. echo $info->tooltip;
  204. }
  205. echo "\">";
  206. echo "<svg class=\"icon\">";
  207. $iconFile = "plugin/".$info->dir."/".$info->icon;
  208. echo "<use xlink:href=\"{$iconFile}\"></use>";
  209. echo "</svg>";
  210. echo "<span class='icon_notify' id='icon_notify_{$info->id}'></span>";
  211. echo "</button>";
  212. }
  213. }
  214. ?>
  215. </div>
  216. <div>
  217. <div>
  218. <?php
  219. foreach($plugin_list as $info){
  220. if($info->attach=="left_mid" && $info->enable=="true"){
  221. echo "<button id=\"left_toc\" type=\"button\" class=\"icon_btn\" onclick=\"setNaviVisibility('{$info->id}')\" title=\"";
  222. if(substr($info->tooltip,0,1)=="#"){
  223. $realTipText = substr($info->tooltip,1);
  224. if(isset($_local_arr[$realTipText])){
  225. echo $_local_arr[$realTipText];
  226. }
  227. else{
  228. echo $realTipText;
  229. }
  230. }
  231. else{
  232. echo $info->tooltip;
  233. }
  234. echo "\">";
  235. echo "<svg class=\"icon\">";
  236. $iconFile = "plugin/".$info->dir."/".$info->icon;
  237. echo "<use xlink:href=\"{$iconFile}\"></use>";
  238. echo "</svg>";
  239. echo "<span class='icon_notify' id='icon_notify_{$info->id}'></span>";
  240. echo "</button>";
  241. }
  242. }
  243. ?>
  244. </div>
  245. <span class="border_top"></span>
  246. <div>
  247. <?php
  248. foreach($plugin_list as $info){
  249. if($info->attach=="left_bottom" && $info->enable=="true"){
  250. echo "<button id=\"left_toc\" type=\"button\" class=\"icon_btn\" onclick=\"setNaviVisibility('{$info->id}')\" title=\"";
  251. if(substr($info->tooltip,0,1)=="#"){
  252. $realTipText = substr($info->tooltip,1);
  253. if(isset($_local_arr[$realTipText])){
  254. echo $_local_arr[$realTipText];
  255. }
  256. else{
  257. echo $realTipText;
  258. }
  259. }
  260. else{
  261. echo $info->tooltip;
  262. }
  263. echo "\">";
  264. echo "<svg class=\"icon\">";
  265. $iconFile = "plugin/".$info->dir."/".$info->icon;
  266. echo "<use xlink:href=\"{$iconFile}\"></use>";
  267. echo "</svg>";
  268. echo "<span class='icon_notify' id='icon_notify_{$info->id}'></span>";
  269. echo "</button>";
  270. }
  271. }
  272. ?>
  273. </div>
  274. </div>
  275. </div>
  276. <!--关闭打印模式 -->
  277. <div id="btn_close_printprev">
  278. <a href="#" onclick="printpreview(false)">&nbsp;&nbsp; </a>
  279. </div>
  280. <!--顶部工具栏tool bar begin-->
  281. <div id='toolbar'>
  282. <!--左侧的区块-->
  283. <div>
  284. <svg class="icon" style="height: 2.7em; width: 12em; margin-top: 0.5em; ">
  285. <use xlink:href="../public/images/svg/wikipali_banner.svg#wikipali_banner"></use>
  286. </svg>
  287. <span>
  288. <span id="net_up"></span>
  289. <span id="net_down"></span>
  290. <span id="msg_tool_bar"></span>
  291. </span>
  292. <span id="editor_doc_title" style="margin-top: 0.6em;margin-left: 1em;display: inline-block;max-width: 20em;font-size: 85%;"></span>
  293. </div>
  294. <!--工具栏中间的区块-->
  295. <div>
  296. <!--手机版显示工具栏按钮-->
  297. <span class="dropdown toolbtn" onmouseover="switchMenu(this,'topTools')">
  298. <div>
  299. <button class="icon_btn" onClick="switchMenu(this,'topTools')" id="tools_view">
  300. <svg class="icon">
  301. <use xlink:href="svg/icon.svg#ic_toc"></use>
  302. </svg>
  303. </button>
  304. </div>
  305. </span>
  306. <div class="toolgroup1" id="topTools">
  307. <?php
  308. foreach($plugin_list as $info){
  309. if($info->attach=="top_mid" && $info->enable=="true"){
  310. echo "<style>";
  311. include "plugin/{$info->dir}/style.css";
  312. echo "</style>";
  313. echo "<script src=\"plugin/{$info->dir}/module_function.js\"></script>";
  314. echo "<div class='dropdown' onmouseover=\"switchMenu(this,'".$info->id."')\" onmouseout=\"hideMenu()\">";
  315. echo "<button class=\"dropbtn icon_btn\">";
  316. echo "<svg class=\"icon\">";
  317. $iconFile = "plugin/".$info->dir."/".$info->icon;
  318. echo "<use xlink:href=\"{$iconFile}\"></use>";
  319. echo "</svg>";
  320. echo "<span class='icon_notify' id='icon_notify_{$info->id}'></span>";
  321. echo "</button>";
  322. echo "<div class=\"dropdown-content\" id=\"".$info->id."\" style=\"width:auto\">";
  323. require "plugin/{$info->dir}/gui.html";
  324. echo "</div>";
  325. echo "</div>";
  326. }
  327. }
  328. ?>
  329. <!--显示模式-->
  330. <div class="dropdown" onmouseover="switchMenu(this,'menuUseMode')" onmouseout="hideMenu()" style="display:none;">
  331. <div style="">
  332. <button class="dropbtn icon_btn" onClick="switchMenu(this,'menuUseMode')" id="use_mode">
  333. <svg class="icon">
  334. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_reader_mode"></use>
  335. </svg>
  336. </button>
  337. </div>
  338. <div class="dropdown-content black_background" id="menuUseMode">
  339. <a href="#" onclick="setUseMode('Edit')">
  340. <svg class="icon">
  341. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_mode_edit"></use>
  342. </svg>
  343. 编辑模式
  344. </a>
  345. <a href="#" onclick="setUseMode('note')">
  346. <svg class="icon">
  347. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_reader_mode"></use>
  348. </svg>
  349. 笔记模式
  350. </a>
  351. <a href="#" onclick="setUseMode('Read')">
  352. <svg class="icon">
  353. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_reader_mode"></use>
  354. </svg>
  355. 阅读模式
  356. </a>
  357. </div>
  358. </div>
  359. <!--infomation panal-->
  360. <button id="info_panal" class="icon_btn" type="button" onclick="setInfoPanalVisibility()" title="<?php echo $module_gui_str['editor']['1004'];?>" style="display:none;">
  361. <svg class="icon">
  362. <use xlink:href="svg/icon.svg#ic_info_outline"></use>
  363. </svg>
  364. </button>
  365. <!--apply all-->
  366. <button id="B_ApplyAuto" class="icon_btn" onclick="applyAllSysMatch()" type="button" title="apply all" style="display:none;">
  367. <svg class="icon">
  368. <use xlink:href="svg/icon.svg#ic_done_all"></use>
  369. </svg>
  370. </button>
  371. <!--Save-->
  372. <button id="B_Save" class="icon_btn" onclick="editor_save()" type="button" style="display:none;" title="<?php echo $module_gui_str['editor']['1017'];?>">
  373. <svg class="icon">
  374. <use xlink:href="svg/icon.svg#ic_save"></use>
  375. </svg>
  376. </button>
  377. </div>
  378. </div>
  379. <!--工具栏右侧的区块开始-->
  380. <div class="tab_a1">
  381. <?php
  382. foreach($plugin_list as $info){
  383. if($info->attach=="top_right" && $info->enable=="true"){
  384. echo "<button id=\"tab_rb_{$info->id}\" type=\"button\" class=\"icon_btn\" onclick=\"tab_click_b('{$info->id}','tab_rb_{$info->id}',right_panal_slide_toggle,'tab_rb_{$info->id}')\" title=\"";
  385. if(substr($info->tooltip,0,1)=="#"){
  386. $realTipText = substr($info->tooltip,1);
  387. if(isset($_local_arr[$realTipText])){
  388. echo $_local_arr[$realTipText];
  389. }
  390. else{
  391. echo $realTipText;
  392. }
  393. }
  394. else{
  395. echo $info->tooltip;
  396. }
  397. echo "\">";
  398. echo "<svg class=\"icon\">";
  399. $iconFile = "plugin/".$info->dir."/".$info->icon;
  400. echo "<use xlink:href=\"{$iconFile}\"></use>";
  401. echo "</svg>";
  402. echo "<span class='icon_notify' id='icon_notify_{$info->id}'></span>";
  403. echo "<span class='icon_notify' id='icon_notify_{$info->id}'></span>";
  404. echo "</button>";
  405. }
  406. }
  407. ?>
  408. </div>
  409. </div>
  410. <!--顶部工具栏结束-->
  411. <!--文档载入进度条-->
  412. <div id="load_progress_div">
  413. <svg id="circleProcess" xmlns="http://www.w3.org/2000/svg">
  414. <circle id="circle" cx="50%" cy="50%" r="32%" ></circle>
  415. </svg>
  416. </div>
  417. <span id="load_progress_num" ></span>
  418. <!--tool bar end -->
  419. <!--loading -->
  420. <svg viewBox="0 0 1000 4" id="loading_bar" xmlns="http://www.w3.org/2000/svg">
  421. <line x1="0" y1="2" x2="1000" y2="2" id="loading" stroke-width="5px" stroke-linecap="round"/>
  422. </svg>
  423. <!--tool bar end -->
  424. <!--文档载入进度条结束-->
  425. <style id="mycss">
  426. </style>
  427. <div class="main">
  428. <!-- leftmenu begin-->
  429. <div id="leftmenuinner" class="viewswitch_off" style="z-index:13;">
  430. <div id="menubartoolbar" style="display: none">
  431. <select id="id_editor_menu_select" name="menu" onchange="menuSelected(this)">
  432. <option value="menu_toc" selected><?php echo $module_gui_str['editor']['1019'];?></option>
  433. <option value="menu_pali_cannon"><?php echo $module_gui_str['editor']['1020'];?></option>
  434. <option value="menu_bookmark"><?php echo $module_gui_str['editor']['1021'];?></option>
  435. <option value="menu_project"><?php echo $module_gui_str['editor']['1022'];?></option>
  436. <option value="menu_dict"><?php echo $module_gui_str['editor']['1023'];?></option>
  437. <option value="menu_layout"><?php echo $module_gui_str['editor']['1024'];?></option>
  438. <option value="menu_plugin"><?php echo $module_gui_str['editor']['1025'];?></option>
  439. </select>
  440. </div>
  441. <div id="menubartoolbar_New" style="display:none;">
  442. <ul class="common-tab">
  443. <li id="menu_toc_li" class="common-tab_li_act" onclick="menuSelected_2(menu_toc,'menu_toc_li','menu' )"><?php echo $module_gui_str['editor']['1019'];?></li>
  444. <li id="menu_bookmark_li" class="common-tab_li" onclick="menuSelected_2(menu_bookmark,'menu_bookmark_li','menu' )"><?php echo $module_gui_str['editor']['1021'];?></li>
  445. <li id="menu_project_li" class="common-tab_li" onclick="menuSelected_2(menu_project,'menu_project_li','menu' )"><?php echo $module_gui_str['editor']['1022'];?></li>
  446. <li id="menu_dict_li" class="common-tab_li" onclick="menuSelected_2(menu_dict,'menu_dict_li','menu' )"><?php echo $module_gui_str['editor']['1023'];?></li>
  447. <li id="menu_layout_li" class="common-tab_li" onclick="menuSelected_2(menu_layout,'menu_layout_li','menu' )"><?php echo $module_gui_str['editor']['1024'];?></li>
  448. <li id="menu_plugin_li" class="common-tab_li" onclick="menuSelected_2(menu_plugin,'menu_plugin_li','menu' )"><?php echo $module_gui_str['editor']['1025'];?></li>
  449. </ul>
  450. </div>
  451. <div class='toc' id='leftmenuinnerinner'>
  452. <!-- toc begin -->
  453. <?php
  454. foreach($plugin_list as $info){
  455. if(($info->attach=="left_top" || $info->attach=="left_mid" ||$info->attach=="left_bottom") && $info->enable=="true"){
  456. echo "<div id=\"{$info->id}\">";
  457. echo "<style>";
  458. include "plugin/{$info->dir}/style.css";
  459. echo "</style>";
  460. echo "<script src=\"plugin/{$info->dir}/module_function.js\"></script>";
  461. echo "<div class=\"left_panal_caption\">";
  462. echo $info->caption;
  463. echo "</div>";
  464. echo "<div class=\"left_panal_content\">";
  465. require "plugin/{$info->dir}/gui.html";
  466. echo "</div>";
  467. echo "</div>";
  468. }
  469. }
  470. ?>
  471. <!-- dictionary begin -->
  472. <style>
  473. <?php include 'module/editor_dictionary/style.css';?>
  474. </style>
  475. <?php
  476. //require 'module/editor_dictionary/language/default.php';
  477. //require "module/editor_dictionary/language/$currLanguage.php";
  478. require 'module/editor_dictionary/gui.html';
  479. ?>
  480. <!-- dictionary end -->
  481. <style>
  482. <?php include 'module/editor_palicannon/style.css';?>
  483. </style>
  484. <?php
  485. //require 'module/editor_palicannon/language/default.php';
  486. //require "module/editor_palicannon/language/$currLanguage.php";
  487. //require 'module/editor_palicannon/gui.html';
  488. ?>
  489. </div>
  490. </div>
  491. <!-- leftmenu end -->
  492. <!-- leftmenu background begin-->
  493. <div id='BV' class='blackscreen' onClick='setNaviVisibility()' style="z-index:10;"></div>
  494. <!--main edit begin-->
  495. <div class='mainview' id='body_mainview'>
  496. <!-- 逐词解析与译文编辑区 -->
  497. <div id="sutta_text">
  498. <div class="sutta_top_blank"></div>
  499. </div>
  500. <!-- infomation panal -->
  501. <div id="id_info_panal">
  502. <select id="id_info_window_select" name="menu" onchange="windowsSelected(this)">
  503. <option value="view_vocabulary"><?php echo $module_gui_str['editor']['1067'];?></option>
  504. <option value="view_dict_all"><?php echo $module_gui_str['editor']['1068'];?></option>
  505. <option value="view_dict_curr"><?php echo $module_gui_str['editor']['1069'];?></option>
  506. <option value="view_debug"><?php echo $module_gui_str['editor']['1070'];?></option>
  507. </select>
  508. <button type="button" onclick="setInfoPanalSize('hidden')"><?php echo $module_gui_str['editor']['1071'];?></button>
  509. <button type="button" onclick="setInfoPanalSize('min')"><?php echo $module_gui_str['editor']['1072'];?></button>
  510. <button type="button" onclick="setInfoPanalSize('half')"><?php echo $module_gui_str['editor']['1073'];?></button>
  511. <button type="button" onclick="setInfoPanalSize('0.6')"><?php echo $module_gui_str['editor']['1074'];?></button>
  512. <button type="button" onclick="setInfoPanalSize('max')"><?php echo $module_gui_str['editor']['1075'];?></button>
  513. <div id='id_info_panal_inner'>
  514. <div id="word_table">
  515. <p><br/><?php echo $module_gui_str['editor']['1076'];?><input id="button_wordlist_refresh" onclick="refreshWordList()" type="button" value="<?php echo $module_gui_str['editor']['1081'];?>" /> </p>
  516. <div id="word_table_inner"></div>
  517. </div>
  518. <div id="id_dict_match_result">
  519. <p><br/><?php echo $module_gui_str['editor']['1077'];?></p>
  520. <div id="id_dict_match_result_inner"></div>
  521. </div>
  522. <div id="id_dict_curr_word">
  523. <div id="id_dict_curr_word_inner"></div>
  524. </div>
  525. <div class="debugMsg" id="id_debug"><!--调试信息-->
  526. <div id="id_debug_output"></div>
  527. </div>
  528. </div>
  529. </div>
  530. <!-- infomation panal end -->
  531. </div>
  532. <!-- end-->
  533. <!--class="main"-->
  534. <div class="debug_info"><span id="debug"></span></div>
  535. <!--逐词解析编辑窗口-->
  536. <div id="modifyDiv">
  537. <div id="modifywin">
  538. <div>
  539. <ul id="id_select_modyfy_type" class="common-tab">
  540. <li id="detail_li" class="common-tab_li_act" onclick="select_modyfy_type('modify_detaile','detail_li')"><?php echo $module_gui_str['editor']['1041'];?></li>
  541. <li id="mark_li" class="common-tab_li" onclick="select_modyfy_type('modify_bookmark','mark_li')"><?php echo $module_gui_str['editor']['1021'];?></li>
  542. <li id="note_li" class="common-tab_li" onclick="select_modyfy_type('modify_note','note_li')"><?php echo $module_gui_str['editor']['1043'];?></li>
  543. <li id="spell_li" class="common-tab_li" onclick="select_modyfy_type('modify_spell','spell_li')"><?php echo $module_gui_str['editor']['1044'];?></li>
  544. </ul>
  545. </div>
  546. <div id="modify_detaile">
  547. <!-- 意思 -->
  548. <div class="edit_detail_p">
  549. <guide gid="studio_general_meaning"></guide>
  550. <span class="edit_detail_span"><?php echo $_local->gui->meaning;?>:</span>
  551. <input type="text" id="input_meaning" class="input_bar" value="" name="in_meaning">
  552. <div class="case_dropdown">
  553. <svg class="edit_icon">
  554. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_more"></use>
  555. </svg>
  556. <div id="word_mdf_mean_dropdown" class="case_dropdown-content">
  557. </div>
  558. </div>
  559. </div>
  560. <!-- 拆分 -->
  561. <div class="edit_detail_p">
  562. <guide gid="studio_break_down"></guide>
  563. <span class="edit_detail_span"><?php echo $_local->gui->part;?>:</span>
  564. <input type="text" id="input_org" class="input_bar" value="" name="in_org" onkeydown="match_key(this)" onkeyup="unicode_key(this) " onchange="input_org_change()">
  565. <div class="case_dropdown">
  566. <svg class="edit_icon">
  567. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_more"></use>
  568. </svg>
  569. <div id="word_mdf_parts_dropdown" class="case_dropdown-content">
  570. </div>
  571. </div>
  572. </div>
  573. <!-- 拆分意思 -->
  574. <div class="edit_detail_p" >
  575. <guide gid="studio_part_meaning"></guide>
  576. <span class="edit_detail_span"><?php echo $_local->gui->partmeaning;?>:</span>
  577. <div id="input_org_select" class="input_bar" style="width:80%; display:inline-flex;"></div>
  578. <input type="text" id="input_om" class="input_bar" value="" name="in_om" onblur="input_org_switch('input_om','input_org_select')">
  579. </div>
  580. <!-- 格位 -->
  581. <div class="edit_detail_p">
  582. <guide gid="grammar_abbr"></guide>
  583. <span class="edit_detail_span"><?php echo $_local->gui->gramma;?>:</span>
  584. <p><input type="text" id="input_case" value="" name="in_case" onblur="input_org_switch('input_case','input_select_case')" ></p>
  585. <div id="input_select_case" class="input_bar" style="width:80%; display:inline-flex;">
  586. <div style="display:inline-flex;">
  587. <span></span>
  588. <span></span>
  589. <span></span>
  590. <span></span>
  591. </div>
  592. <button style="margin-left:auto; display:none;" onclick="input_org_switch('input_select_case','input_case')">
  593. <?php echo $_local->gui->source;?>
  594. </button>
  595. </div>
  596. <div class="case_dropdown">
  597. <svg class="edit_icon">
  598. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_more"></use>
  599. </svg>
  600. <!--下拉菜单-->
  601. <div id="word_mdf_case_dropdown" class="case_dropdown-content">
  602. </div>
  603. </div>
  604. </div>
  605. <!-- 语基 -->
  606. <div class="edit_detail_p">
  607. <guide gid="studio_parent"></guide>
  608. <script>
  609. function edit_show_prt_prt(obj){
  610. let o = obj.getElementsByTagName("svg");
  611. if(document.getElementById("edit_detail_prt_prt").style.display=="none"){
  612. document.getElementById("edit_detail_prt_prt").style.display="flex";
  613. o[0].style.transform="rotate(90deg)";
  614. }
  615. else{
  616. document.getElementById("edit_detail_prt_prt").style.display="none";
  617. o[0].style.transform="rotate(0deg)";
  618. }
  619. }
  620. function edit_parent_grammar_changed(obj){
  621. let val = obj.innerHTML;
  622. document.getElementById("parent_grammar").innerHTML=val;
  623. }
  624. </script>
  625. <span class="thin_icon_btn" onclick="edit_show_prt_prt(this)">
  626. <svg id="svg_parent2" class="icon">
  627. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_chevron_right_24px"></use>
  628. </svg>
  629. </span>
  630. <span class="edit_detail_span"><?php echo $_local->gui->parent;?>:</span>
  631. <input type="text" id="id_text_parent" class="input_bar" onkeydown="match_key(this)" onkeyup="unicode_key(this)" />
  632. <div class="case_dropdown">
  633. <svg class="edit_icon">
  634. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_more"></use>
  635. </svg>
  636. <div id="word_mdf_parent_dropdown" class="case_dropdown-content">
  637. </div>
  638. </div>
  639. </div>
  640. <!-- 词源 -->
  641. <div id="edit_detail_prt_prt" class="edit_detail_p" style="display:none;">
  642. <guide gid="studio_parent2"></guide>
  643. <div class="case_dropdown" style="padding-left: 2em;width: 6em;display: flex;">
  644. <span style="padding-right: 4px;">┕</span>
  645. <span id="parent_grammar">.ppa.</span>
  646. <div id="word_mdf_prt_prt_grammar_dropdown" class="case_dropdown-content">
  647. <a onclick="edit_parent_grammar_changed(this)">.pp.</a>
  648. <a onclick="edit_parent_grammar_changed(this)">.prp.</a>
  649. <a onclick="edit_parent_grammar_changed(this)">.fpp.</a>
  650. </div>
  651. </div>
  652. <input type="text" id="id_text_prt_prt" class="input_bar" onkeydown="match_key(this)" onkeyup="unicode_key(this)" />
  653. <div class="case_dropdown">
  654. <svg class="edit_icon">
  655. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_more"></use>
  656. </svg>
  657. <div id="word_mdf_prt_prt_dropdown" class="case_dropdown-content">
  658. </div>
  659. </div>
  660. </div>
  661. </div>
  662. <div id="modify_bookmark">
  663. <ul id="id_book_mark_color_select" class="bookmark-tab">
  664. <li id="id_bmc0" class="bookmarkcolorblock bookmarkcolor0" onclick="setBookMarkColor(this,'bmc0')">
  665. <svg class="icon">
  666. <use xlink:href="svg/icon.svg#ic_clear">×</use>
  667. </svg>
  668. </li>
  669. <li id="id_bmc1" class="bookmarkcolorblock bookmarkcolor1" onclick="setBookMarkColor(this,'bmc1')">
  670. <svg class="icon">
  671. <use xlink:href="svg/icon.svg#ic_bookmark_on">1</use>
  672. </svg>
  673. </li>
  674. <li id="id_bmc2" class="bookmarkcolorblock bookmarkcolor2" onclick="setBookMarkColor(this,'bmc2')">
  675. <svg class="icon">
  676. <use xlink:href="svg/icon.svg#ic_bookmark_on">2</use>
  677. </svg>
  678. </li>
  679. <li id="id_bmc3" class="bookmarkcolorblock bookmarkcolor3" onclick="setBookMarkColor(this,'bmc3')">
  680. <svg class="icon">
  681. <use xlink:href="svg/icon.svg#ic_bookmark_on">3</use>
  682. </svg>
  683. </li>
  684. <li id="id_bmc4" class="bookmarkcolorblock bookmarkcolor4" onclick="setBookMarkColor(this,'bmc4')">
  685. <svg class="icon">
  686. <use xlink:href="svg/icon.svg#ic_bookmark_on">4</use>
  687. </svg>
  688. </li>
  689. <li id="id_bmc5" class="bookmarkcolorblock bookmarkcolor5" onclick="setBookMarkColor(this,'bmc5')">
  690. <svg class="icon">
  691. <use xlink:href="svg/icon.svg#ic_bookmark_on">5</use>
  692. </svg>
  693. </li>
  694. <li id="id_bmca" class="bookmarkcolorblock bookmarkcolora" onclick="setBookMarkColor(this,'bmca')">
  695. <svg class="icon">
  696. <use xlink:href="svg/icon.svg#ic_bookmark_on">A</use>
  697. </svg>
  698. </li>
  699. </ul>
  700. <textarea id="id_text_bookmark" rows="6" col="28" style="margin-left: 3px; margin-right: 3px; width: 95%;"></textarea>
  701. </div>
  702. <div id="modify_note">
  703. <textarea id="id_text_note" rows="7" col="28" style="margin-left: 3px; margin-right: 3px; width: 95%;"></textarea>
  704. </div>
  705. <div id="modify_spell">
  706. <span id="id_text_id"></span><br/>
  707. <?php echo $_local->gui->show;?><br />
  708. <input type="input" id="id_text_pali" onkeydown="match_key(this)" onkeyup="unicode_key(this)" /><br/>
  709. <?php echo $_local->gui->spell;?><br />
  710. <input type="input" id="id_text_real" onkeydown="match_key(this)" onkeyup="unicode_key(this)" /><br/>
  711. <?php echo $_local->gui->relation;?><br />
  712. <div id="relation_div">
  713. </div>
  714. <imput type="hidden" id="id_relation_text" value="" />
  715. <button onclick="rela_add_word()">
  716. +
  717. </button>
  718. <br/>
  719. </div>
  720. <div id="modify_apply">
  721. </div>
  722. </div>
  723. </div>
  724. <!--逐词解析编辑窗口结束-->
  725. <!--译文编辑窗口-->
  726. <div id="id_text_edit_form">
  727. <div id="id_text_edit_caption" class="dialog-title">
  728. <div><button id="id_text_edit_cancel" type="button" onclick="edit_tran_cancal()"><?php echo $module_gui_str['editor']['1028'];?></button></div>
  729. <div><span id="id_text_edit_caption_text">Translate</span></div>
  730. <div id="id_text_edit_bottom">
  731. <button id="id_text_edit_delete" type="button" onclick="edit_tran_delete()"><?php echo $module_gui_str['editor']['1029'];?></button>
  732. </div>
  733. <div><button id="id_text_edit_save" type="button" onclick="edit_tran_save()"><?php echo $module_gui_str['editor']['1027'];?></button></div>
  734. </div>
  735. <div id="id_text_edit_info">
  736. <select id="id_heading_edit_level" >
  737. <option value="0"><?php echo $module_gui_str['editor']['1031'];?></option>
  738. <option value="1"><?php echo $module_gui_str['editor']['1032'];?></option>
  739. <option value="2"><?php echo $module_gui_str['editor']['1033'];?></option>
  740. <option value="3"><?php echo $module_gui_str['editor']['1034'];?></option>
  741. <option value="4"><?php echo $module_gui_str['editor']['1035'];?></option>
  742. <option value="5"><?php echo $module_gui_str['editor']['1036'];?></option>
  743. <option value="6"><?php echo $module_gui_str['editor']['1037'];?></option>
  744. <option value="7"><?php echo $module_gui_str['editor']['1038'];?></option>
  745. <option value="8"><?php echo $module_gui_str['editor']['1039'];?></option>
  746. </select>
  747. <select id="id_text_edit_language">
  748. <option value="pali">Pali</option>
  749. <option value="en">English</option>
  750. <option value="zh">简体中文</option>
  751. <option value="tw">正體中文</option>
  752. </select>
  753. <span>
  754. <?php echo $_local->gui->author;?>
  755. <input type="input" id="id_text_edit_author" onkeydown="match_key(this)" onkeyup="unicode_key(this)"/>
  756. <?php echo $module_gui_str['editor_project']['1042'];?>
  757. <input id="id_text_edit_area_smart_switch" type="checkbox" checked="">
  758. </span>
  759. </div>
  760. <textarea id="id_text_edit_area" rows="10" width="100%" onkeydown="match_key(this)" onkeyup="unicode_key(this)">
  761. </textarea>
  762. </div>
  763. <!-- Tool bar on right side -->
  764. <div id="right_tool_bar" >
  765. <div id="right_tool_bar_inner">
  766. <?php
  767. foreach($plugin_list as $info){
  768. if($info->attach=="top_right" && $info->enable=="true"){
  769. echo "<div id=\"{$info->id}\" >";
  770. require "plugin/{$info->dir}/gui.html";
  771. echo "</div>";
  772. }
  773. }
  774. ?>
  775. <!-- 三藏购物车 -->
  776. <div id="pc_res_loader">
  777. <div id="pc_res_load_button">
  778. <button id="id_open_editor_load_stream" onclick="pc_loadStream(0)"><?php //echo $module_gui_str['editor']['1030'];?>
  779. <svg class="button_icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_cloud_download"></use></svg>
  780. </button>
  781. <button id="id_cancel_stream" onclick="pc_cancelStream()"><?php //echo $module_gui_str['editor']['1028'];?>
  782. <svg class="button_icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_note_add"></use></svg>
  783. </button>
  784. <button id="pc_empty_download_list" onclick="pc_empty_download_list()"><?php //echo $module_gui_str['editor']['1045'];?>
  785. <svg class="button_icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_delete"></use></svg>
  786. </button>
  787. <button onclick="get_pc_res_download_list_from_cookie()"><?php //echo $module_gui_str['editor']['1081'];?>
  788. <svg class="button_icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="svg/icon.svg#ic_autorenew"></use></svg>
  789. </button>
  790. </div>
  791. <div id="pc_res_list_div">
  792. </div>
  793. <div id="id_book_res_load_progress"></div>
  794. <canvas id="book_res_load_progress_canvas" width="300" height="30"></canvas>
  795. </div>
  796. </div>
  797. </div>
  798. <!-- Tool bar on right side end -->
  799. <div class="pop_win_full"><div id="pop_win_inner"></div></div>
  800. <!-- Term pop window-->
  801. <div class="pop_win_full" id="term_win">
  802. <div class="pop_win_inner">
  803. <div class="win_title">
  804. <div>
  805. <button onclick="win_close('term_win')">Close</button>
  806. </div>
  807. <div><span>Term</span></div>
  808. <div>
  809. <button onclick="term_save()">Save</button>
  810. </div>
  811. </div>
  812. <div class="win_body">
  813. <div class="win_body_inner" id="term_body">
  814. </div>
  815. </div>
  816. </div>
  817. </div>
  818. <!-- 逐词解析下拉菜单-->
  819. <div class="display_off">
  820. <div id="word_mean" style="max-width:22em;"></div>
  821. <div id="word_parts" style="max-width:22em;"></div>
  822. <div id="word_partmean" style="max-width:22em;"></div>
  823. <div id="word_gramma" style="max-width:22em;"></div>
  824. </div>
  825. <!-- 逐词解析 词头工具栏-->
  826. <div id="word_tool_bar_div">
  827. <div id="word_tool_bar" class="word_head_bar"style="font-size: 70%">
  828. <button onclick="rela_link_click()">Link</button>
  829. <button onclick="rela_link_click(false)">Cancel</button>
  830. </div>
  831. </div>
  832. <div id="end_of_page" class="borderT textS textAc" style="font-size: medium;">
  833. <?php echo $_local->gui->page_end; ?><br>
  834. ——wikipāḷi <?php echo $_local->gui->studio; ?>——
  835. </div>
  836. <style>
  837. #word_note_pop{
  838. border-radius: 6px;
  839. width: 95%;
  840. max-height: calc(30vh);
  841. position: fixed;
  842. bottom: 10px;
  843. left: 3em;
  844. background-color: var(--drop-bg-color);
  845. overflow-y: auto;
  846. display:none;
  847. }
  848. </style>
  849. <script>
  850. function close_word_note_pop(){
  851. $("#word_note_pop").hide("500");
  852. }
  853. </script>
  854. <div id="word_note_pop">
  855. <div id="word_note_pop_title" style="background-color: var(--border-shadow);">
  856. <span onclick="close_word_note_pop()" style="display: flex;">
  857. <svg style="fill: var(--main-color);margin: 5px;height: 15px;width: 15px;" t="1597905254064" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2185" ><path d="M573.207 527.834l404.184-404.22a52.811 52.811 0 0 0 0-74.401l-2.217-2.217a52.836 52.836 0 0 0-74.413 0l-404.209 404.73-404.22-404.9a52.823 52.823 0 0 0-74.401 0l-2.217 2.217a51.915 51.915 0 0 0 0 74.414l404.22 404.377-404.22 404.22a52.823 52.823 0 0 0 0 74.402l2.217 2.217a52.811 52.811 0 0 0 74.401 0l404.22-404.22 404.22 404.22a52.823 52.823 0 0 0 74.414 0l2.217-2.217a52.811 52.811 0 0 0 0-74.401z m0 0" p-id="2186"></path>
  858. </svg>
  859. </span>
  860. </div>
  861. <div id="word_note_pop_content">
  862. </div>
  863. </div>
  864. </div>
  865. <script type="text/javascript">
  866. //侦测页面滚动
  867. var scrollEventLock=false;
  868. var suttaDom = document.getElementById('sutta_text');
  869. window.addEventListener('scroll',winScroll);
  870. function winScroll(e){
  871. if(scrollEventLock){
  872. console.log("scroll Event Lock");
  873. return;
  874. }
  875. if(getElementHeight(suttaDom)<getWindowHeight()){
  876. return;
  877. }
  878. var top = getElementViewTop(suttaDom);
  879. //top < 0 ? fixedDom.classList.add("fixed") : fixedDom.classList.remove("fixed");
  880. if(top>-500){
  881. scrollEventLock=true;
  882. prev_page();
  883. scrollEventLock=false;
  884. //console.log("goto prev page");
  885. }
  886. if(getElementBottomOutsideHeight(suttaDom)<1500){
  887. scrollEventLock=true;
  888. next_page();
  889. scrollEventLock=false;
  890. //console.log("goto next page");
  891. }
  892. //debugOutput( document.body.scrollTop);
  893. //debugOutput("top:"+top+"; outside:"+getElementBottomOutsideHeight(suttaDom));
  894. //debugOutput("scrollHeight="+suttaDom.scrollHeight+ "; clientHeight="+suttaDom.clientHeight +";offsetHeight="+suttaDom.offsetHeight);
  895. }
  896. function getElementViewTop(element){
  897.     var actualTop = element.offsetTop;
  898. var elementScrollTop=GetPageScroll().y;//document.body.scrollTop;
  899.     return actualTop-elementScrollTop;
  900.   }
  901. function getElementBottomOutsideHeight(element){
  902. var winHeight=getWindowHeight();//document.body.clientHeight;
  903. var elementHeight=getElementHeight(element);//suttaDom.scrollHeight;
  904. var elementTop=getElementViewTop(element);
  905. return(elementHeight+elementTop-winHeight);
  906. }
  907. function getElementHeight(element){
  908. var scrW, scrH;
  909. if(element.innerHeight && element.scrollMaxY)
  910. { // Mozilla
  911. scrW = element.innerWidth + element.scrollMaxX;
  912. scrH = element.innerHeight + element.scrollMaxY;
  913. }
  914. else if(element.scrollHeight > element.offsetHeight)
  915. { // all but IE Mac
  916. scrW = element.scrollWidth;
  917. scrH = element.scrollHeight;
  918. } else if(element)
  919. { // IE Mac
  920. scrW = element.offsetWidth;
  921. scrH = element.offsetHeight;
  922. }
  923. return(scrH);
  924. }
  925. function getWindowHeight(){
  926. var winW, winH;
  927. if(window.innerHeight)
  928. { // all except IE
  929. winW = window.innerWidth;
  930. winH = window.innerHeight;
  931. } else if (document.documentElement && document.documentElement.clientHeight)
  932. { // IE 6 Strict Mode
  933. winW = document.documentElement.clientWidth;
  934. winH = document.documentElement.clientHeight;
  935. } else if (document.body) { // other
  936. winW = document.body.clientWidth;
  937. winH = document.body.clientHeight;
  938. }
  939. return(winH);
  940. }
  941. //滚动条位置
  942. function GetPageScroll()
  943. {
  944. var pos=new Object();
  945. var x, y;
  946. if(window.pageYOffset)
  947. { // all except IE
  948. y = window.pageYOffset;
  949. x = window.pageXOffset;
  950. } else if(document.documentElement && document.documentElement.scrollTop)
  951. { // IE 6 Strict
  952. y = document.documentElement.scrollTop;
  953. x = document.documentElement.scrollLeft;
  954. } else if(document.body) { // all other IE
  955. y = document.body.scrollTop;
  956. x = document.body.scrollLeft;
  957. }
  958. pos.x=x;
  959. pos.y=y;
  960. return(pos);
  961. }
  962. var Dragging=function(validateHandler){
  963. //参数为验证点击区域是否为可移动区域,如果是返回欲移动元素,负责返回null
  964. var draggingObj=null;
  965. //dragging Dialog
  966. var diffX=0;
  967. var diffY=0;
  968. function mouseHandler(e){
  969. switch(e.type){
  970. case 'mousedown':
  971. draggingObj=validateHandler(e);
  972. //验证是否为可点击移动区域
  973. if(draggingObj!=null){
  974. diffX=e.clientX-draggingObj.offsetLeft;
  975. diffY=e.clientY-draggingObj.offsetTop;
  976. }
  977. break;
  978. case 'mousemove':
  979. if(draggingObj){
  980. draggingObj.style.left=(e.clientX-diffX)+'px';
  981. draggingObj.style.top=(e.clientY-diffY)+'px';
  982. }
  983. break;
  984. case 'mouseup':
  985. draggingObj =null;
  986. diffX=0;
  987. diffY=0;
  988. break;
  989. }
  990. }
  991. ;
  992. return {
  993. enable:function(){
  994. document.addEventListener('mousedown',mouseHandler);
  995. document.addEventListener('mousemove',mouseHandler);
  996. document.addEventListener('mouseup',mouseHandler);
  997. }
  998. , disable:function(){
  999. document.removeEventListener('mousedown',mouseHandler);
  1000. document.removeEventListener('mousemove',mouseHandler);
  1001. document.removeEventListener('mouseup',mouseHandler);
  1002. }
  1003. }
  1004. }
  1005. function getDraggingDialog(e){
  1006. try{
  1007. var target=e.target;
  1008. if(target && target.className){
  1009. while(target ){
  1010. if(target.className){
  1011. if(target.className.indexOf('dialog-title')==-1){
  1012. target=target.offsetParent;
  1013. }
  1014. else{
  1015. break;
  1016. }
  1017. }
  1018. else{
  1019. target=target.offsetParent;
  1020. }
  1021. }
  1022. if(target!=null){
  1023. return target.offsetParent;
  1024. }
  1025. else{
  1026. return null;
  1027. }
  1028. }
  1029. }
  1030. catch(e){
  1031. }
  1032. }
  1033. // Dragging(getDraggingDialog).enable();
  1034. </script>
  1035. <script language="javascript" src="module/editor/language/<?php echo $currLanguage; ?>.js"></script>
  1036. <script language="javascript" src="module/editor_palicannon/palicannon.js"></script>
  1037. <script language="javascript" src="module/editor_palicannon/language/<?php echo $currLanguage; ?>.js"></script>
  1038. <script language="javascript" src="module/editor_toc/module_function.js"></script>
  1039. <script language="javascript" src="module/editor_toc/language/<?php echo $currLanguage; ?>.js"></script>
  1040. <script language="javascript" src="module/editor_bookmark/module_function.js"></script>
  1041. <script language="javascript" src="module/editor_bookmark/language/<?php echo $currLanguage; ?>.js"></script>
  1042. <script language="javascript" src="module/editor_layout/module_function.js"></script>
  1043. <script language="javascript" src="module/editor_layout/language/<?php echo $currLanguage; ?>.js"></script>
  1044. <script language="javascript" src="module/editor_project/module_function.js"></script>
  1045. <script language="javascript" src="module/editor_project/language/<?php echo $currLanguage; ?>.js"></script>
  1046. <script language="javascript" src="module/editor_dictionary/module_function.js"></script>
  1047. <script language="javascript" src="module/editor_dictionary/language/<?php echo $currLanguage; ?>.js"></script>
  1048. <script language="javascript" src="module/editor_plugin/module_function.js"></script>
  1049. <script language="javascript" src="module/editor_plugin/language/<?php echo $currLanguage; ?>.js"></script>
  1050. <script>
  1051. guide_init();
  1052. </script>
  1053. </body>
  1054. </html>