WordEditor.js 22 KB

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