editor.php 40 KB

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