editor.php 42 KB

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