WebOffice的入门教程：WebOffice使用Save方法远程保存文档（一）-控件新闻-慧都网

WebOffice的入门教程：WebOffice使用Save方法远程保存文档（一）

转帖|使用教程|编辑：莫成敏|2020-05-07 17:36:29.533|阅读 779 次

概述：本文主要介绍WebOffice的入门教程——WebOffice使用Save方法远程保存文档。

相关链接：

WebOffice控件是国内领先的在线编辑Office文档软件，软件产品从1998年立项至今已有20多年历史，期间服务了众多大中小型企业、各级政府机关、科研机构和学校等事业单位。通过WebOffice软件可以让用户方便从远程直接打开Word,Excel,Ppt等文档编辑后再次保存至服务器原位置，实现远程编辑文档、远程保存，为用户在线办公开创新式、便捷的使用体验。本文主要介绍WebOffice的入门教程——WebOffice使用Save方法远程保存文档。

点击下载WebOffice正式版

前期准备

在开始之前您需要确定两件事：

第一件：您已学习《WebOffice入门教程一:Hello Word!》，并已实际动手实践成功完成此教程的全部内容。

第二件：您要确定好需要使用哪个脚本语言及相关环境，如果使用JAVA，请确保Java与之相关Web服务器已搭建并能正常执行相应脚本，同样如果是php,c#,asp等也要确认与之相关Web服务器已搭建并能正常执行相应脚本。

使用方法

1、建立本示例目录

（1）在C盘新建名为WebOfficeSave目录，如果是TOMCAT或PHP等的相关服务器，也可以把此文件夹直接建立在对应的站点发布根目录下，如Tomcat可以是：C:\Tomcat\webapps\WebOfficeSave

（2）拷入《WebOffice入门教程:Hello World!》里所生产的 index.html和edit.html

2、确定能够以Web方法运行本示例文件

（1）确定C:\WebOfficeSave 或 C:\Tomcat\webapps\WebOfficeSave为可运行的Web服务器目录，如设置名为：WebOffice,则访问index.html可以用如下地址：

//localhost/weboffice/index.html 或 //127.0.0.1/weboffice/index.html 也可以是 //127.0.0.1:8080/weboffice/index.html

Tomcat如果是C:\Tomcat\webapps\WebOfficeSave，则访问的地址应是：//127.0.0.1:8080/WebOfficeSave/index.html 或 //127.0.0.1/WebOfficeSave/index.html 等等，这些都是服务器相关知识，可以参考网络相关教程。如果使用Tomcat等服务器，此教程以下内容的//localhost/weboffice 应改为： //127.0.0.1/WebOfficeSave/index.html 或 //127.0.0.1:8080/WebOfficeSave/index.html 或 //localhost/WebOfficeSave/index.html 具体情况请以你本机地环境决定。目的只有一个，即是可以通过WEB方式访问到本示例的index.html,为接下来打开控件页面作好准备工作。

请确保上面地址能正确打开index.html网页，并看到效果如下：

WebOffice的入门教程：WebOffice使用Save方法远程保存文档（一）

（2）修改index.html

用记事本打开index.html代码，将下面语句:

<a href="WebOffice://|Officectrl|file:///C:/WebOfficeTest/edit.html">查看</a>

里的路径修改为：

<a href="WebOffice://|Officectrl|//localhost/weboffice/edit.html">查看</a>

即将edit.html文件所在的WebOfficeTest目录改为本示例可运行的Web路径

修改完成后再次刷新打开index.html页后点击查看链接，将提示：“弹出对话框是否同意启动应用”

WebOffice的入门教程：WebOffice使用Save方法远程保存文档（一）

请选择同意:启动应用，如果一切顺利将会启动智能窗打开edit.html，如下图：

WebOffice的入门教程：WebOffice使用Save方法远程保存文档（一）

3、设计保存按钮

用记事本打开edit.html代码,在<input type=button onclick="" value="打开"></div>代码之后，</div>标签之前，加入下面代码
<input type=button onclick="OpenSave();" value="保存">
执行完成后，edit.html的代码如下:

<!DOCTYPE html><html>
<head><meta http-equiv="content-type" content="text/html;charset=utf-8">
<title></title>
</head>
<script language="javascript">
function OpenDoc()
{
	//取得WebOffice对象
	var WebOffice=document.getElementById("WebOffice");
	//通过对象WebOffice的Open方法打开个一个服务器文档
	//此处服务器文档地址为：//www.officectrl.com/officecs/temp/file1.doc
	WebOffice.Open("//www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document");
}
</script>
<body><div><input type=button onclick="OpenDoc();" value="打开"><input type=button onclick="OpenSave();" value="保存"></div>
<script language="javascript">
if (!!window.ActiveXObject || "ActiveXObject" in window){
document.write('<object classid="clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase="WebOffice.ocx#Version=2019,1,7,3" id="WebOffice" width="900" height="700" >');
document.write('</object>');}
else
{
document.write('<object id="WebOffice" CLSID="{FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5}" TYPE="application/x-itst-activex"  width=100% height=900></object>');
}
</script>

</body>
</html>

以上代码 WebOffice.Open("//www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document");

也可以改成您本地方式的地址打开如：

WebOffice.Open("//locahost/file1.doc",false,"Word.Document");

如果 //locahost/file1.doc 存在，则一样可以打开WORD文档。

加入保存按钮后效果如下：

WebOffice的入门教程：WebOffice使用Save方法远程保存文档（一）