WordEditor.js 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552
  1. //注册桌面office里面的word里面的编辑器命名空间。
  2. Namespace.register("U.MD.O.W.E");
  3. U.MD.O.W.E.colorPickerClickEl = null; /*点击按钮*/
  4. U.MD.O.W.E.ColorPickerEl = null; /*当前颜色div*/
  5. U.MD.O.W.E.Range; //word的光标
  6. U.MD.O.W.E.fontSize = {
  7. '0_42': '初号', '0_36': '小初', '0_26': '一号', '0_24': '小一', '0_22': '二号', '0_18': '小二', '0_16': '三号', '0_15': '小三', '0_14': '四号', '0_12': '小四', '0_10.5': '五号', '0_9': '小五',
  8. '1_10': '10', '1_12': '12', '1_14': '14', '1_16': '16', '1_18': '18', '1_20': '20', '1_22': '22', '1_24': '24', '1_26': '26', '1_28': '28', '1_36': '36', '1_42': '42', '1_48': '48', '1_72': '72'
  9. }; //字体对照
  10. /**
  11. * Word初始化
  12. * U.MD.O.W.E.initEditor(el):新建空白word
  13. * U.MD.O.W.E.initEditor(el,""),从数据库加载一篇有内容的word。
  14. * @param el 添加到元素里面
  15. * @param contentDom 元素节点
  16. */
  17. U.MD.O.W.E.initEditor = function (synergy) {
  18. var _el = $("#U_MD_O_H_wordEditor")[0]; //获取编辑区域的元素
  19. if (U.MD.O.W.init) {
  20. U.UF.E.initEditor(_el, synergy ? U.MD.O.W.E.operationNotice : null, U.MD.O.W.fileinfo.UsOffice, U.MD.O.W.E.styleStateManage); //初始化编辑区域
  21. }
  22. else {
  23. U.UF.E.initEditor(_el, synergy ? U.MD.O.W.E.operationNotice : null, U.MD.O.W.fileinfo.UsOffice, U.MD.O.W.E.styleStateManage); //初始化编辑区域
  24. U.MD.O.W.init = true;
  25. }
  26. }
  27. /**
  28. * 样式状态管理函数
  29. * @param style {object} 当前光标所在元素样式
  30. */
  31. U.MD.O.W.E.styleStateManage = function (style) {
  32. var _focusColor = "#E1E2E3"; //聚焦样式
  33. $('#U_MD_O_H_fontWeight').css('backgroundColor', (style["font-weight"] == "bold" || style["font-weight"] == "bolder" || parseInt(style["font-weight"]) > 400) ? _focusColor : ""); //是否加粗
  34. $('#U_MD_O_H_italic').css('backgroundColor', (style["font-style"].indexOf("italic") > -1) ? _focusColor : ""); //是否斜体
  35. $('#U_MD_O_H_underline').css('backgroundColor', (style["text-decoration"].indexOf("underline") > -1) ? _focusColor : ""); //是否下划线
  36. $('#U_MD_O_H_lineThrough').css('backgroundColor', (style["text-decoration"].indexOf("line-through") > -1) ? _focusColor : ""); //是否删除线
  37. $('.U_MD_O_H_alignFocus')[0] && $('.U_MD_O_H_alignFocus').removeClass('U_MD_O_H_alignFocus', 0); //删除文件对齐方式选中样式
  38. var _align = ""; //定义变了
  39. switch (style["text-align"]) {
  40. case "end": //end 为 right
  41. case "right":
  42. _align = "right";
  43. break;
  44. default: //否则直接获取属性
  45. _align = style["text-align"];
  46. }
  47. $("#U_MD_O_H_align" + _align).addClass("U_MD_O_H_alignFocus"); //设置当前对齐方式为选中状态
  48. $("#U_MD_O_SetFontSize").Child()[0].children[0].innerText = U.MD.O.W.E.fontSize["0_" + parseFloat(style["font-size"])] || U.MD.O.W.E.fontSize["1_" + parseFloat(style["font-size"])] || parseFloat(style["font-size"]); //设置字体大小
  49. $("#U_MD_O_SetFontFamily").Child()[0].children[0].innerText = style["font-family"] || ""; //设置字体样式
  50. var _type = ""; //定义类型
  51. switch (style["name"]) { //判断类型
  52. case 'U_MD_O_W_Font_Normal': //正文
  53. _type = "正文";
  54. break;
  55. case 'U_MD_O_W_Font_Heading1': //标题一
  56. _type = "标题1";
  57. break;
  58. case 'U_MD_O_W_Font_Heading2': //标题二
  59. _type = "标题2";
  60. break;
  61. case 'U_MD_O_W_Font_Heading3': //标题三
  62. _type = "标题3";
  63. break;
  64. case 'U_MD_O_W_Font_Heading4': //标题四
  65. _type = "标题4";
  66. break;
  67. }
  68. $("#U_MD_O_SetTitle").Child()[0].children[0].innerText = _type || "正文"; //设置类型
  69. }
  70. //#region 互联编辑
  71. /*
  72. * 修改行内容
  73. */
  74. U.MD.O.W.E.updateEditorLine = function (opera) {
  75. if ($('#' + opera.id)[0]) {
  76. $('#' + opera.id)[0].outerHTML = opera.content;
  77. } else {
  78. console.log('updateError', opera.id);
  79. }
  80. };
  81. /*
  82. * 删除行
  83. */
  84. U.MD.O.W.E.deleteEditorLine = function (opera) {
  85. $('#' + opera.id).remove();
  86. };
  87. /*
  88. * 添加行
  89. */
  90. U.MD.O.W.E.addEditorLine = function (opera) {
  91. var _next;
  92. if (opera.nextId && (_next = $('#' + opera.nextId))[0]) {//判断有没有nextid,nextid是否存在
  93. _next.Parent().insertBefore($$('div', { innerHTML: opera.content, id: opera.id }), _next[0]);
  94. //有的话插入在nexid 元素前
  95. } else {
  96. $('.U_MD_O_H_wordEditor').append($$('div', { innerHTML: opera.content, id: opera.id })); //没有就生成在编辑中
  97. }
  98. }
  99. /*
  100. * 加入文档
  101. */
  102. U.MD.O.W.E.addDoc = function () {
  103. if (U.MD.O.W.fileinfo.UserDirectoryID && U.MD.O.W.userInfo.userid) { //发送请求
  104. U.A.Request(US.SCOKET, ["addWord", JSON.stringify({
  105. docId: U.MD.O.W.fileinfo.UserDirectoryID,
  106. userId: U.MD.O.W.userInfo.userid,
  107. pageId: US.pageId
  108. })], function () { });
  109. }
  110. };
  111. /*
  112. * 监听编辑器操作的回调函数
  113. */
  114. U.MD.O.W.E.operationNotice = function (operaRecord) {
  115. var _addLine = operaRecord.addLine ? U.MD.O.W.E.addLineMessage(operaRecord.addLine) : []; //判断是否是添加行
  116. var _updateLine = operaRecord.updateLine ? U.MD.O.W.E.updateLineMessage(operaRecord.updateLine) : []; //判断是否是修改行
  117. var _deleteLine = operaRecord.deleteLine ? U.MD.O.W.E.deleteLineMessage(operaRecord.deleteLine) : []; //判断是否是添加删除行
  118. var _message = {};
  119. var _type = U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un' ? 'us.nav' : 'us.word';
  120. var _messagearray = Array.prototype.concat(_addLine, _updateLine, _deleteLine);
  121. if (_messagearray.length > 0) {
  122. _message[_type] = _messagearray;
  123. U.A.Request(US.SCOKET, ["send", JSON.stringify(_message)], function (r) { console.log(r); }); //发送send请求
  124. }
  125. console.log('发送的数据', Array.prototype.concat(_addLine, _deleteLine, _updateLine));
  126. };
  127. /*
  128. * 添加行
  129. */
  130. U.MD.O.W.E.addLineMessage = function (array) {
  131. var _i, _nextLine, _message = []; // 申明变量
  132. var _navid = U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un' ? U.MD.O.W.T.N.nowNavId : null;
  133. for (_i = 0; _i < array.length; _i++) {
  134. _message.push(U.MD.O.W.E.wordInfo(array[_i].id, 'add', array[_i].content, array[_i].nextId, _navid)); //添加数据
  135. }
  136. return _message;
  137. };
  138. /*
  139. * 修改行内容
  140. */
  141. U.MD.O.W.E.updateLineMessage = function (array) {
  142. var _i, _message = [];
  143. var _navid = U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un' ? U.MD.O.W.T.N.nowNavId : null;
  144. // console.log('跟新了行:', array);
  145. for (_i = 0; _i < array.length; _i++) {
  146. if (array[_i] !== 'U_MD_O_H_wordEditor') {
  147. // if ($('#' + array[_i])[0]) {
  148. _message.push(U.MD.O.W.E.wordInfo(array[_i].id, 'update', array[_i].content, null, _navid)); //添加数据
  149. // }
  150. }
  151. }
  152. return _message;
  153. };
  154. /*
  155. * 删除行
  156. */
  157. U.MD.O.W.E.deleteLineMessage = function (array) {
  158. var _i, _message = [];
  159. var _navid = U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un' ? U.MD.O.W.T.N.nowNavId : null;
  160. // console.log('删除了行:', array);
  161. for (_i = 0; _i < array.length; _i++) {
  162. _message.push(U.MD.O.W.E.wordInfo(array[_i].id, 'delete', "", null, _navid)); //添加数据
  163. }
  164. return _message;
  165. };
  166. /*
  167. * word 消息类
  168. * 参数一 : id 行id
  169. * 参数二 : type 操作类型
  170. * 参数三 : content 行内容
  171. * 参数四 : next 下一行
  172. */
  173. U.MD.O.W.E.wordInfo = function (id, type, content, next, navid) {
  174. var _data = {
  175. sendId: U.MD.O.W.userInfo.userid, //发送人id
  176. receiveId: U.MD.O.W.fileinfo.UserDirectoryID, //文件id
  177. //type: navid ? 'us.nav' : 'us.word', //消息类型
  178. messageInfo: {
  179. id: id, //操作ID
  180. type: type, //类型
  181. content: content, //内容
  182. docId: U.MD.O.W.fileinfo.UserDirectoryID, //文档id
  183. nextId: next, //下一行ID
  184. pageId: US.pageId //当前页面id
  185. }
  186. };
  187. navid && (_data.messageInfo.navId = navid);
  188. return _data;
  189. };
  190. //#endregion
  191. //#region 工具栏的处理
  192. /**
  193. * 工具栏onmousedown处理
  194. */
  195. U.MD.O.W.E.onmousedown = function () {
  196. var _edel = $("#U_MD_O_H_wordEditor")[0],
  197. _range = U.UF.E.getRangeAt(), //得到光标处理
  198. _el = U.UF.E.getRangeElement(_range), //获取光标聚焦的元素
  199. _pel = U.UF.EL.getAncestorEditElement(_el);
  200. //如果光标聚集在元素内的处理
  201. if (_pel && U.UF.EL.isChild(_edel, _el)) {
  202. U.MD.O.W.E.Range = _range;
  203. }
  204. //如果没有聚焦,那么首先选择上一次是否记录
  205. else {
  206. _range = U.MD.O.W.E.Range;
  207. if (_range) {
  208. _el = U.UF.E.getRangeElement(_range); //得到光标元素
  209. //如果上级的光标聚焦到编辑器中,那么就不修改U.MD.O.W.E.Range
  210. if (_pel && U.UF.EL.isChild(_edel, _el)) {
  211. U.MD.O.W.E.Range = U.MD.O.W.E.Range;
  212. return;
  213. }
  214. }
  215. _edel.focus(); //聚焦
  216. U.MD.O.W.E.Range = U.UF.E.getRangeAt(); //重新设置光标
  217. }
  218. }
  219. /**
  220. * 导航点击事件处理
  221. */
  222. U.MD.O.W.E.onclick = function () {
  223. U.UF.E.reSelectRange(U.MD.O.W.E.Range);
  224. }
  225. /**
  226. * Word颜色选择器
  227. * @param el 绑定了事件的元素
  228. * @param event 鼠标事件
  229. */
  230. U.MD.O.W.E.colorPicker = function (el, event) {
  231. U.MD.O.W.E.colorPickerClickEl = el; /*button*/
  232. U.MD.O.W.E.ColorPickerEl && $(U.MD.O.W.E.ColorPickerEl).css('display', 'none');
  233. /*判断是否创建色板*/
  234. if (!U.MD.O.W.E.ColorPickerEl || !(U.MD.O.W.E.ColorPickerEl = $('.MD_ColorPicker', el)[0])) {
  235. U.MD.O.W.E.ColorPickerEl = U.MD.UI.ColorPicker(el, U.MD.O.W.E.changeColor); /*生成色板*/
  236. U.MD.O.W.E.ColorPickerEl.style.position = 'fixed'; /*将绝对定位赋值给色板*/
  237. }
  238. U.MD.O.W.E.ColorPickerEl.style.left = el.getBoundingClientRect().left + 'px'; /*定位色板x位置*/
  239. U.MD.O.W.E.ColorPickerEl.style.top = el.getBoundingClientRect().top + event.target.previousElementSibling.getBoundingClientRect().height + 'px'; /*定位色板y位置*/
  240. U.MD.O.W.E.ColorPickerEl.style.display = "block"; /*让色板显示出来*/
  241. U.UF.EV.stopBubble(event);
  242. }
  243. /**
  244. * 改变两个小块的颜色
  245. * @param r 返回颜色值
  246. */
  247. U.MD.O.W.E.changeColor = function (r) {
  248. var _changeEl = $("." + U.MD.O.W.E.colorPickerClickEl.id, U.MD.O.W.E.colorPickerClickEl)[0]; /*获取自定义属性的元素*/
  249. _changeEl.style.background = r; /*改变小块的颜色*/
  250. if (U.MD.O.W.E.colorPickerClickEl.id == "U_MD_O_H_colorPick_fontColor") { /*判断自定义属性的内容*/
  251. U.UF.E.setRangeStyle({ 'color': r }); /*设置光标选中的样式*/
  252. } else {
  253. U.UF.E.setRangeStyle({ 'background': r }); /*设置光标选中的样式*/
  254. }
  255. U.MD.O.W.E.ColorPickerEl.style.display = "none"; /*选择完后隐藏起来*/
  256. }
  257. /**
  258. * 动态创建下拉框
  259. *
  260. */
  261. U.MD.O.W.E.createSelection = function () {
  262. var _els = $('.U_MD_O_H_select'), /*获取字体颜色的div*/
  263. csstext = "font-weight: normal;white-space: pre; min-height: 1.2em; padding:6px 4px; cursor: pointer;background:#fff"; /*下拉框样式*/
  264. _els[0].innerHTML = "";
  265. U.MD.UI.editor.Select({ '宋体': '宋体', 'sans-serif': 'sans-serif', '微软雅黑': '微软雅黑', '楷体': '楷体', '黑体': '黑体', '隶书': '隶书', 'andale mono': 'andale mono', 'arial black': 'arial black' },
  266. { "className": "U_MD_O_H_select_list", id: "U_MD_O_SetFontFamily" },
  267. function (v) { U.UF.E.setRangeStyle({ 'font-family': v }) }, _els[0]) /*创建下拉框*/
  268. _els[1].innerHTML = "";
  269. U.MD.UI.editor.Select(U.MD.O.W.E.fontSize, { "className": "U_MD_O_H_select_list", id: 'U_MD_O_SetFontSize' },
  270. function (key) { U.UF.E.setRangeStyle({ 'font-size': key.split('_')[1] + 'pt' }) }, _els[1])/*创建下拉框*/
  271. _els[2].innerHTML = "";
  272. U.MD.UI.editor.Select({ 'U_MD_O_W_Font_Normal': '正文', 'U_MD_O_W_Font_Heading1': '标题1', 'U_MD_O_W_Font_Heading2': '标题2', 'U_MD_O_W_Font_Heading3': '标题3', 'U_MD_O_W_Font_Heading4': '标题4' },
  273. { "className": "U_MD_O_H_select_list", id: 'U_MD_O_SetTitle' },
  274. function (value) { U.MD.O.W.E.titleStyle(value) }, _els[2])/*创建下拉框*/
  275. _els[3].innerHTML = "";
  276. U.MD.UI.editor.Select({ 10: 1, 15: 1.5, 20: 2, 25: 2.5, 30: 3 }, { "className": "U_MD_O_H_select_list", id: 'U_MD_O_SetLineHeight', style: { width: "auto"} },
  277. function (value) {
  278. U.UF.E.setLineStyle({ 'line-height': value / 10 });
  279. // U.UF.E.setRangeStyle({ 'line-height': value / 10 });
  280. $('#U_MD_O_SetLineHeight > .U_MD_O_H_select_list > div')[0].innerHTML = ' <div class="U_MD_O_H_icon" style="background-position: -1133px -590px; height: 28px;position: absolute;top: 0;">'
  281. }, _els[3])/*创建下拉框*/
  282. $('#U_MD_O_SetLineHeight > .U_MD_O_H_select_list > div')[0].innerHTML = ' <div class="U_MD_O_H_icon" style="background-position: -1133px -590px; height: 28px;position: absolute;top: 0;">';
  283. var _selectBtn = $('.U_MD_O_H_select_list'); //失焦隐藏下拉框
  284. for (var i = 0; i < _selectBtn.length; i++) {
  285. _selectBtn[i].onclick = function () {
  286. for (var j = 0; j < 3; j++) {
  287. $(".selectBox")[j].style.display = "none";
  288. }
  289. }
  290. }
  291. }
  292. /**
  293. * Word标题样式
  294. */
  295. U.MD.O.W.E.titleStyle = function (key) {
  296. var _range = U.UF.E.getRangeAt() /*获取光标位置*/
  297. var _rangeline = U.UF.E.getRangeLineElement(_range); //获取光标所在行
  298. var _size = "12pt"; //设置字体
  299. var _weight = "bold";
  300. switch (key) {
  301. case 'U_MD_O_W_Font_Normal': //正文
  302. _size = "10.5pt";
  303. _weight = "normal";
  304. break;
  305. case 'U_MD_O_W_Font_Heading1': //标题一
  306. _size = "22pt";
  307. break;
  308. case 'U_MD_O_W_Font_Heading2': //标题二
  309. _size = "16pt";
  310. break;
  311. case 'U_MD_O_W_Font_Heading3': //标题三
  312. _size = "15pt";
  313. break;
  314. case 'U_MD_O_W_Font_Heading4': //标题四
  315. _size = "14pt";
  316. break;
  317. }
  318. var _textcsstext = "font-family:微软雅黑;font-weight:" + _weight + ";font-size:" + _size + ";line-height: 2;"; //字体样式
  319. var i, j, _nowline, _allchild; //定义变量
  320. for (i = 0; i < _rangeline.length; i++) { //设置样式
  321. _nowline = _rangeline[i];
  322. _nowline.setAttribute("name", key); //设置name属性
  323. _nowline.style.cssText = _textcsstext; //设置样式
  324. for (var j = 0; j < _rangeline[i].childNodes.length; j++) {
  325. if (_rangeline[i].childNodes[j].nodeName !== "#text") {
  326. _rangeline[i].childNodes[j].style.cssText = _textcsstext; //设置样式*/
  327. }
  328. }
  329. }
  330. }
  331. /**
  332. * 下拉框显示隐藏
  333. * @param el
  334. */
  335. U.MD.O.W.E.loadLineHeight = function (el, conel) {
  336. conel = conel || el.nextElementSibling; /*拿到下拉框选择区域内容*/
  337. conel.style.display === 'block' ? conel.style.display = 'none' : conel.style.display = 'block'; /*显示隐藏*/
  338. }
  339. /**
  340. * 下拉框显示隐藏
  341. * @param el
  342. */
  343. U.MD.O.W.E.morelocation = function (e, el, conel) {
  344. U.MD.O.W.E.loadLineHeight(el, conel);
  345. conel.style.right = "0px";
  346. conel.style.right = "auto";
  347. if (conel.offsetWidth < el.offsetLeft + el.offsetWidth) {
  348. conel.style.right = window.innerWidth - el.offsetLeft - el.offsetWidth + "px";
  349. } else {
  350. conel.style.left = "0px";
  351. conel.style.right = "auto";
  352. }
  353. // if (conel.offsetHeight <= 47 && conel.offsetWidth <= window.innerWidth && conel.offsetWidth <= (el.offsetLeft + el.offsetWidth)) {
  354. //
  355. // }
  356. }
  357. /**
  358. * 显示隐藏工具栏交换函数
  359. * @param el
  360. */
  361. U.MD.O.W.E.hideChange = function (el) {
  362. if (!el.children.length) /*判断是否有子元素*/
  363. return;
  364. el.style.display === 'table-row' ? el.style.display = 'none' : el.style.display = 'table-row'; /*显示隐藏*/
  365. }
  366. /**
  367. * 给工具栏绑定onresize事件
  368. * @param moreareael 存放超出内容的div
  369. */
  370. U.MD.O.W.E.toolsbind = function () {
  371. var _toolsel = $('#tools')[0];
  372. //给工具栏绑定onresize事件
  373. window.onresize = function () {
  374. U.MD.O.W.E.toolbarCheck(_toolsel);
  375. };
  376. //工具栏更多处理,下拉框显示隐藏
  377. $('#U_MD_O_H_More').Child()[0].onclick = function (e) {
  378. U.MD.O.W.E.morelocation(e, this, $('.U_MD_O_H_More_Area')[0]);
  379. }
  380. //工具栏大小初始化
  381. U.MD.O.W.E.toolbarCheck(_toolsel);
  382. }
  383. /**
  384. * 工具栏检测内容区域大小
  385. * @param forms 工具栏div
  386. */
  387. U.MD.O.W.E.toolbarCheck = function (forms) {
  388. var _more = $('#U_MD_O_H_More', forms)[0]; //更多按钮
  389. var _morearea = $('.U_MD_O_H_More_Area', forms)[0]; //更多功能区域
  390. var _area = $('> .U_MD_O_H_Area', forms); //获取所有分区
  391. var i; //定义循环变量
  392. var _allwidth = 0; //设置记录宽度变量
  393. var _ismax = false; //设置是否超出最大值变量
  394. _morearea.style.display = "block"; //显示更多功能区域 否则offsetWidth获取不到宽度
  395. for (i = 0; i < _area.length - 1; i++) { //循环判断每个分区的内容是否可完全显示
  396. _allwidth += _area[i].offsetWidth; //记录宽度递加
  397. if (!_ismax && _allwidth >= forms.offsetWidth - _more.offsetWidth) { //已超出最大值或者 该分区添加后超出最大值
  398. _ismax = true; //设置变量已超出最大值
  399. break;
  400. }
  401. }
  402. if (_ismax) { //超出最大值
  403. var j; //定义循环变量
  404. for (j = _area.length - 2; j >= i; j--) { //循环判断每个分区的内容是否可完全显示 倒叙添加
  405. _morearea.children[0] ? _morearea.insertBefore(_area[j], _morearea.children[0]) : _morearea.appendChild(_area[j]); //将分区追加到跟多功能按钮之前
  406. }
  407. }
  408. while (_morearea.children[0] && !_ismax) { //循环将工具栏多余的位置放置分区
  409. _allwidth += _morearea.children[0].offsetWidth; //将分区添加后记录宽度
  410. var _morewidth = _morearea.children.length == 1 ? 0 : _more.offsetWidth; //计算更多按钮的宽度
  411. var _curoff = _morearea.children.length == 1 ? 0 : 8; //判断最后一个分区的功能是否需要显示分割线 分割线占用宽度为8
  412. var _length = forms.offsetWidth - _morewidth - _curoff; //计算当前可用宽度
  413. if (_allwidth < _length) { //如果显示宽度为超出可用宽度 则将分区提至工具栏中
  414. forms.insertBefore(_morearea.children[0], _more); //将分区追加到跟多功能按钮之前
  415. _area = $('> .U_MD_O_H_Area', forms); //重新获取分区
  416. }
  417. else {
  418. _ismax = true; //否则设置已超出最大区域
  419. }
  420. }
  421. if (_ismax || _morearea.children.length) { //判断是否已超出区域或者更多功能区存在分区
  422. _area[_area.length - 1].style.display = ""; //显示更多功能按钮
  423. $('.U_MD_O_H_cutoff', _area[_area.length - 2])[0].style.display = "inline-block"; //显示最后一个分区的分割线
  424. } else {
  425. _area[_area.length - 1].style.display = "none"; //隐藏更多功能按钮
  426. $('.U_MD_O_H_cutoff', _area[_area.length - 2])[0].style.display = "none"; //隐藏最后一个分区的分割线
  427. }
  428. _morearea.style.display = "none"; //影藏更多功能区
  429. }
  430. /**
  431. * 站点预览
  432. */
  433. U.MD.O.W.E.sitePreview = function () {
  434. var _wordinfo = U.MD.O.W.fileinfo; //获取文档信息
  435. if (_wordinfo.UserDirectoryID && _wordinfo.UserId && _wordinfo.UserallDirectoryName) { //判断文档是否存在
  436. U.A.Request("http://cd.1473.cn/php", ["db.1473.cn", "UseStudio_DNS", 'GetDnsInfoByFileId', _wordinfo.UserDirectoryID], function (r) {
  437. var _data = r.value; //获取该文档的域名
  438. if (_data.length) { //判断域名是否存在
  439. window.open('http://' + _data[0].AppId + '.1473.cn/' + _data[0].Domain) //跳转页面
  440. }
  441. else {
  442. var _type = _wordinfo.UserDirectoryExtendType && _wordinfo.UserDirectoryExtendType.toLowerCase(), //获取文档类型
  443. _callback = { //设置回调接口
  444. modifyDomain: function (res) { $('#U_MD_O_H_body_left_href_pay_a')[0].innerHTML = ""; U.MD.O.W.Panel.loadlink({ UserDirectoryID: res.FileId }) }, //修改命名后的回调
  445. addDomain: function (res) { $('#U_MD_O_H_body_left_href_pay_a')[0].innerHTML = ""; U.MD.O.W.Panel.loadlink({ UserDirectoryID: res.FileId }) }, //添加域名后的回调
  446. deleteDomain: function (res) { $('#U_MD_O_H_body_left_href_pay_a')[0].innerHTML = ""; U.MD.O.W.Panel.loadlink({ UserDirectoryID: res.FileId }) } //删除域名后的回调
  447. };
  448. switch (_type) { //转文档类型字符串
  449. case 'uw': case 'un': _type = 'word'; break;
  450. case 'ue': _type = 'execl'; break;
  451. default: _type = 'word'; break;
  452. }
  453. window.open("http://" + _wordinfo.UserDirectoryID + ".1473.cn");
  454. // top.U.MD.DS.createDefaultDomainInit(_wordinfo, _type, _callback); //调用域名管理中心的接口
  455. }
  456. });
  457. }
  458. else {
  459. U.MD.O.W.save(); //调用文档保存接口
  460. }
  461. }
  462. //#endregion
  463. //#region 互联文档转本地文档
  464. /* U.MD.O.W.E.downOfficeWord
  465. 参数一:type(str) 文档类型
  466. 参数二:content(str) 文档元素
  467. */
  468. U.MD.O.W.E.downOfficeWord = function (type, content, downname) {//调用函数
  469. if (type == 'doc') { //判断是都这个文件等于doc如果是执行函数
  470. var _doc = ""; //定义一个变量储存函数
  471. _doc += "<div>"; //这个里面需要有大div包裹起来
  472. var _html = content.innerHTML; //打印出里的内容显示在页面上
  473. _doc += _html;
  474. _doc += "</div>";
  475. var docFile = "<html xmlns:o='urn:schemas-microsoft-com:office:office'>";
  476. docFile = docFile + '<html><meta charset="UTF-8"/><head></head>' + _doc + "</body></html>";
  477. var base64data = "base64," + window.btoa(unescape(encodeURIComponent(docFile)));
  478. window.open('data:application/msword;' + base64data);
  479. }
  480. // var doc = "";
  481. // doc += "<table>";
  482. // var html = document.getElementById("score").innerHTML;
  483. // doc += html;
  484. // doc += "</table>";
  485. // var a = document.body.innerHTML;
  486. // var docFile = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:" + a + "' xmlns='http://www.w3.org/TR/REC-html40'>";
  487. // docFile = docFile + "<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head>" + doc + "</body></html>";
  488. // var base64data = "base64," + window.btoa(unescape(encodeURIComponent(docFile)));
  489. // if (type == 'doc') {
  490. // window.open('data:application/msword;' + base64data);
  491. // } else if (type == 'excel') {
  492. // window.open('data:application/vnd.ms-excel;' + base64data);
  493. // }
  494. }
  495. //#endregion