editor.php 40 KB

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