editor.php 41 KB

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