网页在线编辑 Office 实现｜软航控件集成入门实战①

在 OA、ERP、管理系统开发中网页在线编辑 Office、在线预览 Word/Excel/PPT/PDF是高频刚需。自己从零开发兼容性差、周期长集成成熟控件是最快、最稳的方案。本文以软航 Office 文档控件为例从零到一教你完成 Windows 端集成新手照着做就能上线。一、软航 Office 文档控件是什么软航 Office 文档控件是一款Web 端在线编辑、预览多格式文档的成熟控件支持浏览器直接打开、编辑 Word/Excel/PPT/WPS/PDF格式高度兼容不乱版、不丢样式1000 标准 API可快速对接 OA/ERP/CRM/DMS 等系统操作留痕、权限控制、安全水印、格式导出PDF/OFD/HTML支持 Windows 国产 Linux 双平台跨浏览器兼容适合需要快速实现在线 Office 编辑的项目大幅降低开发成本。二、集成前准备必看获取测试 / 正式产品包含 Demo、JS、安装包、CAB区分版本Windows 版 / Linux 国产版准备关键文件ntkoofficecontrol.min.js控件核心ntkobackground.min.js跨浏览器支持客户端 exe 安装包OfficeControl.cab / OfficeControlx64.cab把两个 JS 文件拷贝到你的项目目录三、第一步引入跨浏览器支持 JS在文件列表页点击打开文档的页面引入script srcntkobackground.min.js/script作用支持多浏览器调用控件实现打开编辑页。四、第二步打开编辑页面写打开文档编辑页的方法function openEditor() { // 跳转到你的编辑页面 ntkoBrowser.openWindow(editindex.html); }按钮触发示例button onclickopenEditor()打开编辑/button五、第三步编辑页引入控件 JS在editindex.html文档编辑页引入script srcntkoofficecontrol.min.js/script六、第四步配置授权与 ClassID关键打开 ntkoofficecontrol.min.js配置以下信息// 32/64位控件ClassID必须与CAB内inf一致 var classid A64E3073-2016-4baf-A89D-FFE1FAA10EC0; var classidx64 A64E3073-2016-4baf-A89D-FFE1FAA10EE0; // 产品授权正式版按《密钥说明》填写 var MakerCaption XXXXX; var MakerKey XXXXX; var ProductCaption XXXXX; var ProductKey XXXXX; var NoExpireKey XXXXX;测试版可不填授权正式版严格按产品包文档配置ClassID 错误会导致控件加载失败七、第五步打开 Office 文档核心代码获取控件对象var ntkoObj document.getElementById(TANGER_OCX);通过 URL 打开文档// URL可直接下载/打开的文档地址 ntkoObj.OpenFromURL(http://IP:端口/路径?fileidxxx);OpenFromURL 参数说明URL文档地址必选ReadOnly是否只读true/falseProgId指定文档类型可选八、第六步打开 PDF 等格式文档PDF/TIF/TTIF 需要先注册插件// 32位 if(window.navigator.platformWin32){ ntkoObj.AddDocTypePlugin(.pdf,PDF.NtkoDocument,4.0.1.0, officecontrol/ntkooledocall.cab,51,true); } // 64位 if(window.navigator.platformWin64){ ntkoObj.AddDocTypePlugin(.pdf,PDF.NtkoDocument,4.0.1.0, officecontrol/ntkooledocallx64.cab,51,true); } // 打开PDF ntkoObj.OpenFromURL(PDF地址);九、常用功能设置控件属性// 禁用打开按钮 ntkoObj.fileopen false; // 设置只读 ntkoObj.SetReadOnly(true, 密码);十、常用功能监听文档事件示例文档打开后自动设为只读script languageJscript forTANGER_OCX eventOnDocumentOpened(url, doc) ntkoObj.SetReadOnly(true, password); /script十一、集成完成你已实现✅ 网页在线打开 / 编辑 Office✅ 多浏览器正常使用Edge/Chrome/Firefox/360/IE 等✅ 支持 Word/Excel/PPT/PDF✅ 对接 OA/ERP 等业务系统✅ 权限控制、操作留痕需要 NTKO 实测演示、适配清单、集成 Demo 和落地方案可私信或加昵称