//查看指定文件,,判断是否保存或者覆盖,包括创建邀请协作人员,创建编辑历史,创建生成链接.创建热门模板。加载当前word文档的内容。创建光标,监控键盘输入等。这里是iframe中的word起始点。 //监控输入输出, //添加成员,共同编辑。 Namespace.register("U.MD.O.W"); //由于当前文档的js是加载在ifame里面的,获取不到外部的文档(www.1473.cn)信息。所以通过传递参数设置全局变量的形式保存当前文档信息。 //id是word文档id,PID是文档归属的目录id,fileinfo是文档的实体信息fileinfo,OL初始化回调函数,userid是当前文档创建者的id。 historyid就是最新历史记录的id U.MD.O.W = { "fileinfo": null, //文档的信息 "userinfo": null, //文档用户的信息 "historyid": US.EMPTYGUID, //历史记录更新的id "permission": { //权限设置 "edit": false, "web": false }, "init": false }; US = parent.US; //#region 初始化区域 //------------------------------------------------------------------------------初始化Word---------------------------------------------------------------------------- //查看指定文件,,判断是否保存或者覆盖,包括创建邀请协作人员,创建编辑历史,创建生成链接.创建热门模板。加载当前word文档的内容。创建光标,监控键盘输入等。这里是iframe中的word起始点。 /** * word初始化的处理 * * @param {object} 文档信息 * @param {object} 登录用户信息 * @return {object} 返回当前窗体 */ U.MD.O.W.load = function (fileinfo, userinfo) { U.MD.O.W.variable(fileinfo, userinfo); //初始化全局变量 U.MD.O.W.LoadContent(fileinfo); //加载内容 U.MD.O.W.setEvent(); //设置事件 //加载功能 U.MD.O.W.Panel.LoadPlayUser(fileinfo); //加载协助人员窗体 U.MD.O.W.Panel.loadlink(fileinfo); //加载链接窗体 U.MD.O.W.Panel.LoadHotTemplates(); //加载热门模板 U.MD.O.W.Panel.LoadOfficeHistory(fileinfo); //加载历史记录 } /** * 设置事件 * */ U.MD.O.W.setEvent = function () { //设置建站文件的保存及新建事件 if (U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un') { //设置新建事件 $('#U_MD_O_H_new')[0].onclick = function () { U.MD.O.W.T.N.newNav(); } //设置保存事件 $('#U_MD_O_H_save')[0].onclick = function () { U.MD.O.W.T.N.saveNav(function () { U.MD.O.W.T.N.savePage(null, true); }); } $('body').addClass('U_MD_O_W_Nav'); } //添加Ctrl+S快捷保存事件 $('body').bind('keydown', function (e) { var currKey = 0; e = e || event || window.event; currKey = e.keyCode; if (currKey == 83 && (e.ctrlKey || e.metaKey)) { $('#U_MD_O_H_save')[0].onclick(); U.UF.EV.stopDefault(); U.UF.EV.stopBubble() } }); } /** * 初始化全局变量 * @param {object} 文档信息 * @param {object} 登录用户信息 * */ U.MD.O.W.variable = function (fileinfo, userinfo) { if (!U.MD.O.W.fileinfo) { U.MD.O.W.fileinfo = fileinfo //文档信息 // return true; } U.MD.O.W.userinfo = userinfo; //用户信息 U.MD.O.W.setPermission(); //获取权限 return false; } /** * 加载Word编辑区域的内容 * @param {string} 文档信息 */ U.MD.O.W.LoadContent = function (fileinfo) { var _permission = U.MD.O.W.permission; //获取权限 var _synergy = _permission.web; //获取协同权限 var _fileid = fileinfo.UserDirectoryID; //文档id //新建文件的处理 if (fileinfo.newfile) { //un新建文件的处理 if (U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un') { var _defaultnav; try { _defaultnav = JSON.parse(U.MD.O.W.fileinfo.UsOffice); } catch (e) { _defaultnav = { logo: "", nav: [{ pageId: Guid.newGuid(), name: "初始页面"}] }; } U.MD.O.W.T.N.form(_defaultnav); } //初始化编辑器 U.MD.O.W.E.initEditor(); delete fileinfo.newfile; } //互联办公文档获取数据 else if (_synergy) { parent.U.A.Request(US.SCOKET, [U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un' ? 'getNav' : "getWord", _fileid, US.pageId, U.MD.O.W.userinfo.UserId], U.MD.O.W.AsynLoad, ["", fileinfo, _synergy]); //获取office内容 } //普通文档在数据库里面获取数据 else { parent.U.A.Request(US.AUTH, ["GetFileContent", _fileid], U.MD.O.W.AsynLoad, ["", fileinfo, _synergy]); } } /** * 异步获取Word编辑区域的数据 * */ U.MD.O.W.AsynLoad = function (r) { //object 值 var _permission, _context = r.context, //获取array值 _fileinfo = _context[1], //获取文件信息 _synergy = _context[2]; //互联权限 //内容处理 if (r.value && r.value.UsOffice !== undefined) { r = r.value.UsOffice; } else { r = r.value; } //un文件 导航文件处理 if (U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un') { if (typeof r != 'object') { try { r = JSON.parse(r); } catch (e) { r = { logo: "", nav: [{ pageId: Guid.newGuid(), name: "恢复内容"}] }; } } U.MD.O.W.T.N.form(r); } //word文件处理 else { U.MD.O.W.fileinfo.UsOffice = (r || _fileinfo.UsOffice || "").unEscapeQuotes(); //word内容 //加载编辑器和内容 U.MD.O.W.E.initEditor(_synergy); //初始化编辑器 } } //#endregion //#region 保存区域 /** * 保存Word * * @param {function} 保存回调函数 */ U.MD.O.W.save = function () { //判断用户是否登录,只有登录用户才能保存信息 if (!top.U.MD.U.L.isLogin(function (userinfo) { U.MD.O.W.userinfo = userinfo; })) { var _isftp, _isgroupuser, _uid = U.MD.O.W.userinfo.UserId, _el = $("#U_MD_O_H_wordEditor")[0], //word编辑区域 _fileinfo = U.MD.O.W.fileinfo, //文件信息 _fileid = _fileinfo.UserDirectoryID, //文件ID _name = top.$('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].value, //文件名 _html = _el.innerHTML.escapeQuotes(); //内容 //判断文档是否是已经保存到数据库的文档 if (_fileid && _fileinfo.UserId && _fileinfo.UserallDirectoryName && U.MD.O.W.permission.edit) { //如果是已经保存到数据库的文档,那么直接保存内容 U.MD.O.W.Panel.InsertOfficeHistory(_fileinfo, _html, _name, _el); //插入历史记录 //保存到数据库 top.U.A.Request(US.AUTH, ["SaveFileContent", US.userInfo.UserId, _fileid, _html, _name], function (r) { U.MD.O.W.fileinfo.UsOffice = r.context[1].innerHTML; U.Alert("保存成功"); }, (['', _el])); //保存到数据库 } //如果文件没有保存,那么直接新建文件 else { var _newfileid = Guid.newGuid(); //调用word新建文档的处理 top.U.MD.DK.VW.chosenSaveFile('uw', _newfileid, _name, function (fileinfo) { top.$('#UD_Word' + _fileid)[0].id = 'UD_Word' + _newfileid; top.$('#UD_Word' + _newfileid + ' .U_MD_O_H_head_navigation_Title')[0].value = fileinfo.UserDirectoryName; U.MD.O.W.fileinfo = fileinfo //文档信息 _isgroup = U.Json.select(US.friend.group, { "GroupManageID": fileinfo.GroupID })[0]; if (_isgroup) { U.MD.O.W.permission.web = true; top.U.A.Request(US.SCOKET, ["newWordSave", _newfileid, _html, fileinfo.UserDirectoryName, US.userInfo.UserId, US.pageId], function (r) { U.Alert("保存成功"); U.MD.O.W.fileinfo.UsOffice = _el.innerHTML; $('#U_MD_O_H_wordEditor')[0].editor.operaNotice = U.MD.O.W.E.operationNotice; U.MD.O.W.permission.edit = true; }); } else { //保存到数据库 top.U.A.Request(US.AUTH, ["SaveFileContent", US.userInfo.UserId, _newfileid, _html, fileinfo.UserDirectoryName], function (r) { U.MD.O.W.fileinfo.UsOffice = r.context[1].innerHTML; U.MD.O.W.permission.edit = true; U.Alert("保存成功"); }, (['', _el])); //保存到数据库 } }); } } } U.MD.O.W.updateName = function () { if (!top.U.MD.U.L.isLogin(function (userinfo) { U.MD.O.W.userinfo = userinfo; })) { var _fileinfo = U.MD.O.W.fileinfo, //文件信息 _type = U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un' ? 'nav' : 'word', _fileid = _fileinfo.UserDirectoryID, //文件ID _name = top.$('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].value; //文件名 //判断文档是否是已经保存到数据库的文档 if (U.MD.O.W.permission.edit && _fileid && _fileinfo.UserId && _fileinfo.UserallDirectoryName) { //如果是已经保存到数据库的文档,那么直接保存内容 if (U.MD.O.W.permission.web) { top.U.A.Request(US.SCOKET, ["updateName", _type, _fileid, _name, US.userInfo.UserId, US.pageId], function (r) { if (r.value == "updateNameSuccess") { _fileinfo.UserallDirectoryName = _name; //文件全写的名字 _fileinfo.UserDirectoryName = _name.addEllipsis(20); //文件的缩略名 } }); } else { top.U.A.Request(US.DISK, ["UpdateFileInfo", _fileid, _name], function (r) { if (r.value) { _fileinfo.UserallDirectoryName = _name; //文件全写的名字 _fileinfo.UserDirectoryName = _name.addEllipsis(20); //文件的缩略名 } }); } } } } //#endregion //#region 新建文档 /** * 文件文档 * */ U.MD.O.W.newDoc = function () { parent.U.MD.D.I.openApplication("word", { "userid": US.userInfo.UserId, "directoryid": US.FTPFOLDERID }); //打开文档处理 } //#endregion //#region 纸张大小 /** * 编辑器权限函数 * @return 返回用户权限json */ U.MD.O.W.setPermission = function () { var _iseditor, //是否可编辑 _isgroup; //群用户 if (!U.MD.O.W.fileinfo.UserId && !U.MD.O.W.fileinfo.UserID) { //新建文档给予编辑权限 U.MD.O.W.permission.edit = false; //就给其编辑权限 return; } if (U.MD.O.W.fileinfo && US.friend.group) {//判断用户是否在群里操作群文件 _isgroup = U.Json.select(US.friend.group, { "GroupManageID": U.MD.O.W.fileinfo.GroupID })[0]; } if (U.MD.O.W.fileinfo && ((U.MD.O.W.fileinfo.GroupID && U.MD.O.W.fileinfo.GroupID == U.MD.O.W.userinfo.UserId) || U.MD.O.W.fileinfo.UserId == US.userInfo.UserId)) {//判断是否是有编辑权限 _iseditor = true; } if (_isgroup) {//是ftp用户就判断是不是群用户 U.MD.O.W.permission.web = true; //互联办公的权限 U.MD.O.W.permission.edit = true; //就给其编辑权限 } else if (_iseditor) { U.MD.O.W.permission.edit = true; //就给其编辑权限 } } /** * 文档分享 */ U.MD.O.W.shareFileToChat = function () { top.U.MD.F.J.selectFriendForm(function (groupid) { var _fileInfo = U.MD.O.W.fileinfo, _message = { fileName: _fileInfo.UserallDirectoryName, fileType: _fileInfo.UserDirectoryExtendType, fileSize: _fileInfo.UserDirectorySize, fileID: _fileInfo.UserDirectoryID } if (!groupid) { var _chooseNumber = top.U.MD.F.J.selectUserInfo.NeedUser; for (var i = 0; i < _chooseNumber.length; i++) { U.A.Request(US.CD, [US.DB, "UseStudio_Friends", "SentMessageToFriend", US.userInfo.UserId, _chooseNumber[i].UserId, US.userInfo.UserNickName, JSON.stringify(_message), 6, false], function () { U.alert('文档已分享到小伙伴!'); }); } } else { U.A.Request(US.CD, [US.DB, "UseStudio_Friends", "SendMessageToGroup", groupid, Guid.newGuid(), US.userInfo.UserId, JSON.stringify(_message), US.userInfo.UserNickName], function () { U.alert('文档分享成功,到群看看吧!'); }); } }); } document.oncontextmenu = U.UF.EV.stopDefault; //禁止右键菜单 /** * 附件 */ U.MD.O.W.accessory = function () { if (!U.MD.U.L.isLogin()) { var _confirm = $$('div'), _pickarea = $$("div", { "style": { "cssText": "display:table; width: 100%; height: auto; "} }, _confirm), _picklocal = $$("div", { "style": { "cssText": "display:table-cell; width:235px; height:170px; background-color:#f5f5f5;text-align:center; vertical-align: middle;cursor: pointer;"} }, _pickarea), _pickline = $$("div", { "style": { "cssText": "display:table-cell; width:1px; height: 100%; background-color:#cecece;"} }, _pickarea), _pickoa = $$("div", { "style": { "cssText": "display:table-cell; width:234px; height:100%; background-color:#f5f5f5;text-align:center; vertical-align: middle;cursor: pointer;"} }, _pickarea); $$("img", { "onerror": U.MD.C.imgError, src: "/img/officefileicon.png", style: { "vertical-align": "middle"} }, _picklocal); $$("img", { "onerror": U.MD.C.imgError, src: "/img/oaofficeicon.png", style: { "vertical-align": "middle"} }, _pickoa); $$('span', { innerText: '从网盘添加', style: { "margin-left": "10px"} }, _pickoa); $$('span', { innerText: '从本地上传', style: { "margin-left": "10px"} }, _picklocal); var _locaInp = $$('input', { id: "U_MD_O_cloud", type: "file", style: { cssText: "position: absolute; visibility: hidden;" }, multiple: "" }, _picklocal); var _range; var _form = new U.UF.UI.form( "上传附件", _confirm, { "style": { "cssText": "font-size: 16px; background: rgb(255,255,255); width: 470px; position: fixed; box-shadow: rgb(0, 0, 0) 2px 1px 5px; " } }, { "istop": true, "isenlarge": false, "isstretching": false, "isnarrow": false }, { "style": { "cssText": " background: #3c475b;padding:4px 0 ; color: rgb(255,255,255); " } }); $(_picklocal).bind({ "mouseover": function () { _picklocal.style.backgroundColor = "#dcdcdc"; }, "mouseout": function () { _picklocal.style.backgroundColor = "#f5f5f5"; }, "mousedown": function () { _range = U.UF.E.getRangeAt(); _locaInp.click(); } }); $(_pickoa).bind({ "mouseover": function () { _pickoa.style.backgroundColor = "#dcdcdc"; }, "mouseout": function () { _pickoa.style.backgroundColor = "#f5f5f5"; }, "mousedown": function () { _range = U.UF.E.getRangeAt(); }, "click": function () { top.U.MD.DK.VW.choseFile(function (file) { // var _ppel = $$('span', { style: { cssText: "display:inline-block; position: relative; max-width: 300px;"} }), // _parent = $$('img', { "src": "http://fs.1473.cn/" + file.UserDirectoryUrl, style: { cssText: "width: 100%;"} }, _ppel), // _videoStart = $$("span", { "style": { "width": "97px", "height": "96px", "background-image": "url('/img/YS2017.png')", "display": "inline-block", "background-repeat": "no-repeat", "background-position": "-1015px -362px", "position": "absolute", "top": "25%", "left": "35%"} }, _ppel); // var _message = { // fileName: file.UserallDirectoryName, // fileType: file.UserDirectoryExtendType, // fileSize: file.UserDirectorySize, // fileID: file.UserDirectoryID, // fileUrl: file.UserDirectoryUrl // }; // U.UF.E.reSelectRange(_range); U.UF.E.reSelectRange(_range); var _box = $$('div'); var _img = $$('img', { src: "http://fs.1473.cn/" + file.UserDirectoryUrl }, _box) U.UF.E.textFormat(_box.outerHTML, $('#U_MD_O_H_wordEditor')[0]) }); } }); $(_locaInp).bind({ "mousedown": function () { _range = U.UF.E.getRangeAt(); //记录失焦前光标的位置 }, "change": function (e) { U.UF.E.reSelectRange(_range); //重新聚焦光标 var _file = e.target.files[0], //获取本地选中文件 _type = _file.type.split('/'); //获取选中文件的类型 switch (_type[0]) { case "image": //图片 U.UF.E.picture(this, $('#U_MD_O_H_wordEditor')[0]); break; case "audio": //音频 U.UF.UP.inputUpload([this], "http://disk.1473.cn/USUpfile.ashx?typename=UseStudioEditor&UserId=c1fd0834-ea9a-44eb-b216-2a051c2240d8", function (data) { var _el = U.MD.O.W.accessory.printFile('video', data.value); //样式 //以下代码仅仅提供展示,音频暂时无法上传 if ($('#showplace').length) { $('#showplace').find('div[usbody="true"]')[0].appendchild(_el); return; } var _box = $$('div', {}); _box.appendChild(_el); new U.UF.UI.form("展示位", _box, { id: "showplace", style: { cssText: "width: 600px; height: 500px"} }); }) break; case "video": // U.UF.UP.inputUpload([this], "http://disk.1473.cn/USUpfile.ashx?typename=UseStudioEditor&UserId=c1fd0834-ea9a-44eb-b216-2a051c2240d8", function (data) { //最终用例 // //var _el = U.MD.O.W.accessory.printFile('video', data.value, _file); // // }) var _box = $$('span'), //测试能否将canvas插入文档中用例 _canvas = $$('canvas', {}, _box); var _ctx = _canvas.getContext('2d'); _canvas.width = 300; _canvas.height = 200; _ctx.fillRect(0, 0, 300, 200); U.UF.E.insertContent(_box, _range, $('#U_MD_O_H_wordEditor')[0]); break; } } }) } } /** * 打开视频控件 */ U.MD.O.W.accessory.openVideo = function () { alert(11); } /** * 输出文件样式 */ U.MD.O.W.accessory.printFile = function (type, data, files) { var _div = $$('span', { style: { cssText: "display: inline-block"} }); switch (type) { case "video": var video = document.createElement('video'), _second, _mintue; video.src = "http://fs.1473.cn/" + data[0] video.addEventListener('canplaythrough', function (e) { //拿到视频的时长 var s = Math.ceil(e.target.duration) % 60, m = Math.floor(e.target.duration / 60); _second = s < 10 ? "0" + s : s; _mintue = m < 10 ? "0" + m : m; var _img = $$('img', { src: "/img/YS2017.png" }), _img2 = $$('img', { src: "http://fs.1473.cn/" + data[1] }); _img2.onload = function () { //当图片加载好后 _ctx.drawImage(_img2, 0, 0, 300, 150); //关键帧图片 _ctx.drawImage(_img, 1015, 362, 97, 97, 110, 20, 97, 97); //播放图片 _ctx.fillStyle = "#ffffff"; //填充颜色 _ctx.fillText(_mintue + ":" + _second, 10, 140); } }) var _canvas = $$('canvas', { style: { cssText: "border:1px solid #000000;"} }, _div), _ctx = _canvas.getContext('2d'); _canvas.width = 300; _canvas.height = 150; _canvas.onclick = function () { U.MD.UI.video("http://fs.1473.cn/" + data[0], 300, 150, false, $('#showplace').find('div[usbody="true"]')[0]); } break; case "audio": // var _box = $$('div', { style: { cssText: "display:inline-block; width: 146px; background-color: #3F8BDD; color: #ffffff;"} }, _div); // $$('img', { src: "#", style: { cssText: "width: 17px; height: 20px; background-color: #ffffff;"} }); // $$('span', { innerText: '15"' }); break; } return _div; } //#endregion