editor.php 42 KB

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