如何讓點聚WebOffice在線編輯ActiveX插件兼容火狐、谷歌、IE各式瀏覽器
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
關于點聚的weboffice ActiveX插件的使用在IE下只需要安裝對應weboffice.ocx插件即可實現在線文檔編輯。對于非IE如谷歌、火狐瀏覽器來說就有些不同了的,如果想要兼容谷歌和火狐需要采用標準的NPAPI的開發的插件,具體的需要做以下幾個步驟:
1、請安裝下面鏈接地址的插件包 目前版本:http://code.google.com/p/ff-activex-host/downloads/detail?name=ffactivex-setup-r39.exe&can=2&q= 2、安裝插件包完成后調整加載weboffice的容器 01. <object id= "Control" 02. TYPE= "application/x-itst-activex" 03. ALIGN= "baseline" BORDER= "0" 04. WIDTH= "95%" HEIGHT= "600px" 05. clsid= "{E77E049B-23FC-4DB8-B756-60529A35FAD5}" 06. event_NotifyCtrlReady= "NotifyCtrlReady" 07. event_NotifyToolBarClick= "NotifyToolBarClick" 08. event_NotifyWordEvent= "NotifyWordEvent" > 09. </object> 其中的三個事件如下所示: 01. //初始化控件 可以初始化加載文檔等和設置weboffice的相關屬性 02. function NotifyCtrlReady() { 03. document.all.Control.LoadOriginalFile( "E:\\WordDemo\\Demo\\Demo\\doc\\model.doc" , "doc" ); 04. } 05. //監聽工具欄的事件 06. function NotifyToolBarClick(id) { 07. //eventinfo.innerText = "NotifyToolBarClick 事件發生,工具欄ID:" + id; 08. } 09. //監聽word操作事件 10. function NotifyWordEvent(name) { 11. //eventinfo.innerText = "NotifyWordEvent 事件發生,Word事件名稱:" + name; 12. } 3、如何讓編輯頁面根據瀏覽器不同裝載不同的object對象? 這個可以考慮使用IF IE的瀏覽器條件注釋來達到裝載不同object對象的目的。具體的核心裝載代碼如下所示: 01. <!--[ if IE]> 02. <object id= "WebOffice1" height= "600px" width= "95%" style= "left: 0px; top: 0px;" classid= "clsid:E77E049B-23FC-4DB8-B756-60529A35FAD5" 03. codebase= "/ocx/WebOffice.cab#V6,0,5,0" > 04. <param name= "_ExtentX" value= "6350" /> 05. <param name= "_ExtentY" value= "6350" /> 06. </object> 07. <![endif]--> 08. <!--[ if !IE]> --> 09. <object id= "Control" 10. TYPE= "application/x-itst-activex" 11. ALIGN= "baseline" BORDER= "0" 12. WIDTH= "95%" HEIGHT= "600px" 13. clsid= "{E77E049B-23FC-4DB8-B756-60529A35FAD5}" 14. event_NotifyCtrlReady= "NotifyCtrlReady" 15. event_NotifyToolBarClick= "NotifyToolBarClick" 16. event_NotifyWordEvent= "NotifyWordEvent" > 17. </object> 18. <!-- <![endif]--> 這樣設置過后就可以讓weboffice兼容各種蛋疼的瀏覽器實現文檔在線操作了的。 感謝點聚官方提供的插件! 該文章在 2015/5/30 22:19:58 編輯過 |
關鍵字查詢
相關文章
正在查詢... |