ExcelEditArea.htm 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>雨云Excel</title>
  5. <link href="http://www.1473.cn/uform.css" rel="stylesheet" type="text/css" />
  6. <link href="http://coffice.1473.cn/css/Office/Excel/ExcelEditor.css" rel="stylesheet"
  7. type="text/css" />
  8. <link href="http://coffice.1473.cn/css/Office/Excel/Excel.css" rel="stylesheet" type="text/css" />
  9. <script src="http://www.1473.cn/uform.js" type="text/javascript" charset="utf-8"></script>
  10. <script src="http://www.1473.cn/js/Common/Common.js" type="text/javascript"></script>
  11. <script src="http://coffice.1473.cn/js/Office/ExcelCanvas/Excel.js" type="text/javascript"></script>
  12. <script src="http://www.1473.cn/js/Uform/Editor.js" type="text/javascript"></script>
  13. <script src="http://www.1473.cn/js/Controls/Complex/Editor.js" type="text/javascript"></script>
  14. </head>
  15. <body class="Scrollbar">
  16. <!-- 导航条,工具栏 -->
  17. <!--- 工具栏 --->
  18. <div id="tools" style="position: fixed; width: 100%; background: #f7f8f9; border-bottom: 1px solid silver;
  19. z-index: 999;">
  20. <div class="U_MD_O_E_Editor_head_features">
  21. <button class="U_MD_O_E_Editor_head_features_ul_d" title="新建" style="margin-left: 22px;"
  22. onclick="U.MD.O.E.newExcel(US.userInfo)">
  23. <div class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -1px -3px;
  24. width: 28px;">
  25. </div>
  26. <span style="font-size: 12px;">新建 </span>
  27. </button>
  28. <button class="U_MD_O_E_Editor_head_features_ul_d" title="保存" onclick="U.MD.O.E.Save(top.US.disk.Disks[US.userInfo.userid])">
  29. <div class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -29px -3px;
  30. width: 28px;">
  31. </div>
  32. <span style="font-size: 12px;">保存 </span>
  33. </button>
  34. <div class="U_MD_O_E_Editor_head_features_ul_x">
  35. </div>
  36. <button class="U_MD_O_E_Editor_head_features_ul_d" style="position: relative" title="插入图片">
  37. <div class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -56px -3px;
  38. width: 23px;">
  39. </div>
  40. <input type="file" onchange="U.MD.O.E.upload(this)" style="position: absolute; top: 0;
  41. left: 0; width: 100%; height: 100%; opacity: 0;" />
  42. </button>
  43. <button class="U_MD_O_E_Editor_head_features_ul_d" title="从云盘选图片插入" onclick="U.Dk.VW.CCWPXZK(US.EMPTYGUID, { onmousedown: U.D.Office.WI(this).U.MD.O.W.T.AImgCL, isClose:'true', onclick: function(){ U.D.Office.WI(this).U.MD.O.W.T.OUALJ(null, 'img'); } }, 'P');">
  44. <div class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -88px -3px;
  45. width: 23px;">
  46. </div>
  47. </button>
  48. <div class="U_MD_O_E_Editor_head_features_ul_d" style="display: inline-block; width: 90px;
  49. border: 0; margin-top: 6px; background: none" datafont="family">
  50. </div>
  51. <div class="U_MD_O_E_Editor_head_features_ul_d" style="display: inline-block; width: 60px;
  52. border: 0; margin-top: 6px; background: none" datafont="size">
  53. </div>
  54. <div class="U_MD_O_E_Editor_head_features_ul_x">
  55. </div>
  56. <div style="float: left" partition="4">
  57. <button class="U_MD_O_E_Editor_head_features_ul_d " title="所有边框" id="bd_Pick"onclick="U.MD.O.E.TL.borderPickerShow(this)">
  58. <span class="U_MD_O_E_Editor_head_features_ul_ibtmore" style="background-position: 5px 1px;
  59. width: 24px; height: 18px"></span>
  60. </button>
  61. <!--<button class="U_MD_O_E_Editor_head_features_ul_d " title="所有边框" onmousedown="U.MD.O.E.TL.setBorderStyle({ 'border': '1px solid #f00' });">
  62. <span class="U_MD_O_E_Editor_head_features_ul_ibt" style="background-position: 9px 1px;
  63. width: 30px; height: 18px"></span>
  64. </button>-->
  65. <button class="U_MD_O_E_Editor_head_features_ul_d" style="width: 40px; position: relative;"
  66. title="背景色" onclick="U.MD.O.E.TL.colorPicker(this, event)">
  67. <div class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -250px -3px;"
  68. changecolor="bg">
  69. </div>
  70. </button>
  71. <button class="U_MD_O_E_Editor_head_features_ul_d" style="width: 30px; position: relative;"
  72. title="字体色" onclick="U.MD.O.E.TL.colorPicker(this, event)">
  73. <div class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -272px -3px;
  74. width: 18px; height: 18px; float: none; margin: 0;">
  75. </div>
  76. <div style="height: 4px; background: #000;" changecolor="font">
  77. </div>
  78. </button>
  79. <button class="U_MD_O_E_Editor_head_features_ul_d" title="添加链接" onmousedown="U.UF.E.excelAddHref();">
  80. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -289px -3px;
  81. height: 18px; width: 30px"></span>
  82. </button>
  83. <button class="U_MD_O_E_Editor_head_features_ul_d " title="加粗" onmousedown="U.MD.O.E.TL.setStyle({ 'fontWeight': 'bold' });">
  84. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -315px -3px;
  85. height: 18px"></span>
  86. </button>
  87. <button class="U_MD_O_E_Editor_head_features_ul_d" title="斜体" onmousedown="U.MD.O.E.TL.setStyle({ 'fontStyle': 'italic' });">
  88. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -336px -3px;
  89. height: 18px"></span>
  90. </button>
  91. <button class="U_MD_O_E_Editor_head_features_ul_d" title="下划线" onmousedown="U.MD.O.E.TL.setStyle({ 'textDecoration': 'underline' });">
  92. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -363px -3px;
  93. height: 18px"></span>
  94. </button>
  95. <button class="U_MD_O_E_Editor_head_features_ul_d" title="删除线" onmousedown="U.MD.O.E.TL.setStyle({ 'textDecoration': 'line-through' });">
  96. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -393px -3px;
  97. height: 18px"></span>
  98. </button>
  99. <div class="U_MD_O_E_Editor_head_features_ul_x">
  100. </div>
  101. </div>
  102. <div style="float: left" partition="3">
  103. <button class="U_MD_O_E_Editor_head_features_ul_d" title="清除样式" onmousedown="U.MD.O.E.TL.clearStyle();">
  104. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -429px -3px">
  105. </span>
  106. </button>
  107. <div class="U_MD_O_E_Editor_head_features_ul_x">
  108. </div>
  109. </div>
  110. <div style="float: left" partition="2">
  111. <button class="U_MD_O_E_Editor_head_features_ul_d" onmousedown="U.MD.O.E.TL.setStyle({'textAlign': 'left' })">
  112. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -470px -3px;">
  113. </span>
  114. </button>
  115. <button class="U_MD_O_E_Editor_head_features_ul_d" onmousedown="U.MD.O.E.TL.setStyle({'textAlign': 'center' })">
  116. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -502px -3px;">
  117. </span>
  118. </button>
  119. <button class="U_MD_O_E_Editor_head_features_ul_d" onmousedown="U.MD.O.E.TL.setStyle({'textAlign': 'right' })">
  120. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -533px -3px;">
  121. </span>
  122. </button>
  123. <button class="U_MD_O_E_Editor_head_features_ul_d" onmousedown="U.MD.O.E.TL.setTextStyle({'display':'table-cell','verticalAlign': 'top','wordBreak': 'break-all'})">
  124. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -568px -3px;">
  125. </span>
  126. </button>
  127. <button class="U_MD_O_E_Editor_head_features_ul_d" onmousedown="U.MD.O.E.TL.setTextStyle({'display':'table-cell','verticalAlign': 'middle','wordBreak': 'break-all'})">
  128. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -601px -3px;">
  129. </span>
  130. </button>
  131. <button class="U_MD_O_E_Editor_head_features_ul_d" onmousedown="U.MD.O.E.TL.setTextStyle({'display':'table-cell','verticalAlign': 'bottom','wordBreak': 'break-all'})">
  132. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -635px -3px;">
  133. </span>
  134. </button>
  135. <div class="U_MD_O_E_Editor_head_features_ul_x">
  136. </div>
  137. </div>
  138. <div style="float: left" partition="1">
  139. <button class="U_MD_O_E_Editor_head_features_ul_d">
  140. <span class="U_MD_O_E_Editor_head_features_ul_i1" style="background-position: 0 0;">
  141. </span>
  142. </button>
  143. </div>
  144. <button class="U_MD_O_E_Editor_head_features_ul_d" id="moreButton" title="更多功能" onclick="U.MD.O.E.TL.hideChange($('.U_MD_O_H_head_mo')[0])">
  145. <span class="U_MD_O_E_Editor_head_features_ul_i" style="background-position: -664px -3px;">
  146. </span>
  147. </button>
  148. <div moreplace class="U_MD_O_H_head_mo" style="right: 0px; display: none;">
  149. </div>
  150. </div>
  151. </div>
  152. <!-- 底部 -->
  153. <div class="U_MD_O_E_C_X">
  154. <div class="U_MD_O_E_C_XI">
  155. <div class="U_MD_O_E_EXRL U_Img U_MD_O_E_C_XIO" title="添加表格" onclick="U.MD.O.E.NewTZB()">
  156. </div>
  157. <div class="U_MD_O_E_EXRJ U_Img U_MD_O_E_C_XIO" title="查看类表" onclick="U.UF.EV.stopBubble();U.MD.O.E.RWRD(this)">
  158. <div id="U_MD_O_E_ED" class="U_MD_O_E_C_M U_MD_O_E_C_RWRD">
  159. </div>
  160. </div>
  161. </div>
  162. <div id="U_MD_O_E_EXR" class="U_MD_O_E_EXR">
  163. </div>
  164. </div>
  165. <!-- <div class="U_MD_O_E_C_CH" id="U_MD_O_E_C_CH" style="float: left; position:fixed;">
  166. <div id="U_MD_O_E_EH" class="U_MD_O_E_C_CB">
  167. </div>
  168. <div id="U_MD_O_E_EF" class="U_MD_O_E_C_CC">
  169. <div id="U_MD_O_E_EE" class="U_MD_O_E_C_CCH">
  170. </div>
  171. <div id="U_MD_O_E_ECE">
  172. <div id="U_MD_O_E_EFE" class="U_MD_O_E_EFE" ondblclick="U.MD.O.E.EditFrameDoubleClick(this)"
  173. oncontextmenu="U.UF.EV.stopBubble();U.MD.O.E.CreateContextMenu('Cell')" onmousedown="U.MD.O.E.EditOnmousedown()"
  174. spellcheck="false" contenteditable="false">
  175. <div class="U_MD_O_E_C_FE" onkeydown="U.MD.O.E.Onkeydown();U.UF.EV.stopBubble();"></div>
  176. </div>
  177. <div class="U_MD_O_E_C_D" onmousedown="U.MD.O.E.DotOnclick()">
  178. </div>
  179. <div class="U_MD_O_E_C_ET">
  180. </div>
  181. <div class="U_MD_O_E_C_EB">
  182. </div>
  183. <div class="U_MD_O_E_C_EL">
  184. </div>
  185. <div class="U_MD_O_E_C_ER">
  186. </div>
  187. <div class="U_MD_O_E_C_DT">
  188. </div>
  189. <div class="U_MD_O_E_C_DB">
  190. </div>
  191. <div class="U_MD_O_E_C_DL">
  192. </div>
  193. <div class="U_MD_O_E_C_DR">
  194. </div>
  195. </div>
  196. </div>
  197. </div>-->
  198. <!--excel区域-->
  199. <div class="U_MD_O_E_excelBox" id="930c07cc-df35-439d-aa13-ec165f142c66" style="overflow:auto">
  200. <div class="U_MD_O_E_headArea">
  201. <div class="U_MD_O_E_headCell">
  202. C6</div>
  203. <div class="U_MD_O_E_headInput" contenteditable="true">
  204. </div>
  205. </div>
  206. <div class="U_MD_O_E_colBoard">
  207. </div>
  208. <!--第一行横排列表区域-->
  209. <div id="U_MD_O_E_rowBoardBox" style="float: left;">
  210. <div class="U_MD_O_E_rowBoard">
  211. </div>
  212. </div>
  213. <!--左边竖列表区域-->
  214. <canvas id="canvas" style="position: relative;"></canvas>
  215. <!--互联办公模块-->
  216. <div class="U_MD_O_E_body_left" id="U_MD_O_E_body_left" style="z-index: 1">
  217. <!--邀请模块-->
  218. <!-- <div class="U_MD_O_E_inviteUser" id="U_MD_O_E_invitePreson"></div> -->
  219. </div>
  220. </div>
  221. </body>
  222. </html>