LoadWebOffice实现在线编辑Word

最新推荐文章于 2023-06-25 23:15:45 发布
最新推荐文章于 2023-06-25 23:15:45 发布
阅读量1.3k 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhang13589030861/article/details/102546216
版权

LoadWebOffice实现在线编辑Word

1.准备工作

2.代码块

LoadWebOffice目前适用于IE浏览器，火狐和谷歌浏览器要想使用需要安装Firefox ActiveX Plugin，下面的LoadWebOffice.js内容代码火狐和谷歌部分因需求变动未进行测试。

  • (1).LoadWebOffice.js内容
var s = "";
if(navigator.userAgent.indexOf("MSIE")>0){
    s = "<OBJECT id='WebOffice1' align='middle' style='LEFT: 0px; WIDTH: 100%; TOP: 0px; HEIGHT:768px'"
    + "classid=clsid:E77E049B-23FC-4DB8-B756-60529A35FAD5> codebase='Common/weboffice.ocx#Version=5,0,0,0'"
    + "</OBJECT>";
}
if(navigator.userAgent.indexOf("Chrome")>0){
    s = "<object id='WebOffice1' type='application/x-itst-activex' align='baseline' border='0'"
    + "style='LEFT: 0px; WIDTH: 100%; TOP: 0px; HEIGHT: 768px'"
    + "clsid='{E77E049B-23FC-4DB8-B756-60529A35FAD5}' codebase='Common/weboffice.ocx#Version=5,0,0,0'"
    + "event_NotifyCtrlReady='WebOffice1_NotifyCtrlReady'>"
    + "</object>";
}


if(navigator.userAgent.indexOf("Firefox")>0){
    s = "<object id='WebOffice1' type='application/x-itst-activex' align='baseline' border='0'"
    + "style='LEFT: 0px; WIDTH: 100%; TOP: 0px; HEIGHT: 768px'" 
    + "clsid='{E77E049B-23FC-4DB8-B756-60529A35FAD5}' codebase='Common/weboffice.ocx#Version=5,0,0,0'"
    + "event_NotifyCtrlReady='WebOffice1_NotifyCtrlReady'>"
    + "</object>";
}
document.write(s)
  • (2).js代码
<script language="javascript" event="NOtifyCtrlReady" for="WebOffice1">
        WebOffice1_NotifyCtrlReady();
    </script>
    <script>
        function WebOffice1_NotifyCtrlReady() {
            $.ajax({
                async: false,
                type: "post",
                data: {
                    action: ""
                },
                url: "",
                success: function (data) {
                    path = data.FiledKey;
                    document.all.WebOffice1.LoadOriginalFile(path,"doc");
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    layer.alert('请求发生异常！', { icon: 3 });
                }
            });
        }

        //关闭页面时，关闭文件
        function window_onunload() {
            document.all.WebOffice1.Close();
        }
		//个人需求保存方法
        function upload() {
            document.all.WebOffice1.HttpInit();			//初始化Http引擎
            // 添加相应的Post元素 
            document.all.WebOffice1.HttpAddPostString("DocTitle", "test1");
            document.all.WebOffice1.HttpAddPostString("DocID", "");
            document.all.WebOffice1.HttpAddPostString("DocType", "doc");
            document.all.WebOffice1.HttpAddPostCurrFile("DocContent", "");		// 添加文件
			//请求路径
            var result = document.all.WebOffice1.HttpPost("");

            if ("succeed" == result) {
                alert("文件上传成功");
            } else
                alert("文件上传失败")
            return_onclick();
        }
    </script>
    //HTML代码
    <body onunload="return window_onunload()">
	    <form id="form1" runat="server">
	        <input type="button" onclick="return upload()" class="layui-btn layui-btn-xs" value="上传文档"/>
	        <br />
	        <br />
	    <script src="../jscss/js/LoadWebOffice.js"></script>
	    </form>
</body>
星~空
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
vue快速集成word在线编辑
qq_42822849的博客
05-06 4441
金格插件WebOffice2015、chrome浏览器插件、最后选择了和only-office非常功能强大，word、ppt、excel都支持在线编辑预览，还支持协同，又有免费开源版。
Open Source - 在线Office方案
热门推荐
小工匠
04-30 3万+
文章目录纯前端实现Java实现综合类浏览器插件商业版本 纯前端实现 纯前端js的实现excel在线查看编辑, 目前主要的几个开源项目有 Luckysheet : https://gitee.com/mengshukeji/Luckysheet x-sheet: https://gitee.com/eigi/x-sheet Java实现 基于模板的word生成 . docx4j: https://github.com/plutext/docx4j https://www.docx4ja
[转]如何在Web页面上直接打开、编辑、创建Office文档
hychieftain(不同)的blog
11-04 3196
有朋友询问如何在Web页面上做到像SharePoint中的效果一样，能直接激活客户端的Word来打开.doc文件，而不是类似直接点击.doc文档链接时Word在IE中被打开那样。想想这个问题应该很多人都会感兴趣，所以干脆写一篇blog来大致描述一下方法。在安装Office2003以后，有一个ActiveX控件被安装到了系统中，这个控件位于“Program Files/Microsoft O
js调用activeX控件报错：Error:TypeError:对象不支持"XXX"属性或方法...
sinat_36297331的博客
12-13 3106
由于项目需要，在使用weboffice早期的免费版本中，出现无法调用cab文件的情况，导致报错： 然而在weboffice的demo中却没有问题，能提示需要加载cab文件，后来发现采用绝对路径之后就能解决此问题： <object id=WebOffice1 classid='clsid:E77E049B-23FC-4DB8-B756-60529A35FAD5' codebase=...
Vue+SpringBoot 集成 PageOffice 实现在线编辑Word、excel文档
最新发布
程序员闪充宝
06-25 877
说明：PageOffice是一款在线的office编辑软件，帮助Web应用系统或Web网站实现用户在线编辑Word、Excel、PowerPoint文档。可以完美实现在线公文流转，领导批阅，盖章。可以给文件添加水印，在线安全预览防止用户下载和复制文件等一、环境要求前端Vue项目：Node.js10及以上版本（当前集成方式不支持vue3，原因是vue3不兼容ie。vue3集成pageoffice参考...
在线编辑office插件（weboffice）使用
weixin_34358365的博客
08-28 2000
论坛：http://forum.dianju.cn/ 步骤：（1）在html中引入main.js,loadweboffice.js,style.css即可 注意：loadweboffice.js或html中节点object的codebase='weboffice/WebOffice.ocx' 是必须 的，改成自己WebOffice....
LoadWebOffice.zip
06-17
《LoadWebOffice：实现在线文档预览与编辑的利器》 LoadWebOffice是一个用于实现docx、doc和excel等常见办公文档在线预览和编辑的解决方案。它包含三个核心文件：LoadWebOffice.js、style.css和main.js。这些文件...
weboffice在线编辑office插件
05-28
【weboffice在线编辑office插件】是一种高级的在线文档处理工具，它允许用户在网页浏览器中直接创建、编辑和查看Microsoft Office格式的文件，如Word文档、Excel表格和PowerPoint演示文稿。这种技术在现代Web开发中...
weboffice在线文档空间
04-30
这个系统允许用户在浏览器上直接打开、编辑、协作处理各种类型的Office文档，如Word、Excel和PowerPoint，无需安装任何桌面版的Office软件。这种服务极大地提升了工作效率，特别是在多用户协作和远程工作场景下。 ...
文件加载doc文档
04-26
WebOffice是一款能够在线查看、编辑和转换微软Office文档的组件，如.doc、.xls和.ppt等。它允许用户在浏览器中直接处理这些文件，无需安装任何桌面软件。在这个场景中，我们关注的是文件加载部分，特别是`weboffice_...
在线浏览office插件（仅ie）
07-11
微软的dsoframer插件，实现了在线编辑浏览office软件。基于EXT实现。受限于插件仅支持IE.压缩包提供了使用插件 插件借口说明 实际开发代码例子和使用注意事项
WebOffice无法加载OFFICE
08-30
由于ie的编码规则改变，所以WebOffice的<object>..加载控件只能通过<script src='LoadWebOffice.js'>引入。 但由于ie在加载js时，是分多个线程去加载js的
WebOffice使用一
sdnjiejie65的专栏
12-22 1万+
1.weboffice是什么？ weboffice是处理办公软件OFFICE，wps文档的一款由点聚软件开发的一款插件,可以应用VS开发环境运行，主要可以处理word,excel,ppt等文档。 2.如何使用weboffice 2.1.使用前提：安装完整版的Microsoft OFFICE或WPS,注：精简版是会报错，一定得完整版 2.2.在VS使用调用的语句 Act
weboffice功能的实现：在线编辑，保护文档部分编辑，显示，下载
hwc_dd的博客
08-30 8552
点聚Weboffice IE 上的用法： Weboffice7文件夹是weboffice的文件： .cab是一个压缩形式的文件，里面包含了安装信息，IE会自动安装。 Main.js是weboffice的方法接口集合。其他的是我自己写的js方法；   从页面开始展示代码： HTML: EditContract.aspx；（无后台代码） &lt;%@ Page Languag...
<SCRIPT src="../scripts/LoadWebOffice.js"></SCRIPT>
shy_snow的专栏
05-11 1673
WebOffice插件实例
代码改变生活
01-12 8354
1、实例下载： 链接：https://pan.baidu.com/s/1eTDVieA 密码：7nr0
关于在线weboffice（基于active控件）
weixin_42727578的博客
07-31 5871
首先要有个weboffice.cab文件，解压后里边有个ocx控件是主体 js页面Loadweboffice.js配置文件指向 var s = ""; //var height = parent.document.getElementById("PrjList").scrollHeight; // var height = document.body.clientHeight; // hei...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值