轉(zhuǎn)帖|使用教程|編輯:莫成敏|2020-05-07 17:36:29.533|閱讀 868 次
概述:本文主要介紹WebOffice的入門教程——WebOffice使用Save方法遠(yuǎn)程保存文檔。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
WebOffice控件是國(guó)內(nèi)領(lǐng)先的在線編輯Office文檔軟件,軟件產(chǎn)品從1998年立項(xiàng)至今已有20多年歷史,期間服務(wù)了眾多大中小型企業(yè)、各級(jí)政府機(jī)關(guān)、科研機(jī)構(gòu)和學(xué)校等事業(yè)單位。通過WebOffice軟件可以讓用戶方便從遠(yuǎn)程直接打開Word,Excel,Ppt等文檔編輯后再次保存至服務(wù)器原位置,實(shí)現(xiàn)遠(yuǎn)程編輯文檔、遠(yuǎn)程保存,為用戶在線辦公開創(chuàng)新式、便捷的使用體驗(yàn)。本文主要介紹WebOffice的入門教程——WebOffice使用Save方法遠(yuǎn)程保存文檔。
前期準(zhǔn)備
在開始之前您需要確定兩件事:
第一件:您已學(xué)習(xí)《WebOffice入門教程一:Hello Word!》,并已實(shí)際動(dòng)手實(shí)踐成功完成此教程的全部?jī)?nèi)容。
第二件:您要確定好需要使用哪個(gè)腳本語言及相關(guān)環(huán)境,如果使用JAVA,請(qǐng)確保Java與之相關(guān)Web服務(wù)器已搭建并能正常執(zhí)行相應(yīng)腳本,同樣如果是php,c#,asp等也要確認(rèn)與之相關(guān)Web服務(wù)器已搭建并能正常執(zhí)行相應(yīng)腳本。
使用方法
1、建立本示例目錄
(1)在C盤新建名為WebOfficeSave目錄,如果是TOMCAT或PHP等的相關(guān)服務(wù)器,也可以把此文件夾直接建立在對(duì)應(yīng)的站點(diǎn)發(fā)布根目錄下,如Tomcat可以是:C:\Tomcat\webapps\WebOfficeSave
(2)拷入《WebOffice入門教程:Hello World!》里所生產(chǎn)的 index.html和edit.html
2、確定能夠以Web方法運(yùn)行本示例文件
(1)確定C:\WebOfficeSave 或 C:\Tomcat\webapps\WebOfficeSave為可運(yùn)行的Web服務(wù)器目錄,如設(shè)置名為: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,則訪問的地址應(yīng)是://127.0.0.1:8080/WebOfficeSave/index.html 或 //127.0.0.1/WebOfficeSave/index.html 等等,這些都是服務(wù)器相關(guān)知識(shí),可以參考網(wǎng)絡(luò)相關(guān)教程。 如果使用Tomcat等服務(wù)器,此教程以下內(nèi)容的//localhost/weboffice 應(yīng)改為: //127.0.0.1/WebOfficeSave/index.html 或 //127.0.0.1:8080/WebOfficeSave/index.html 或 //localhost/WebOfficeSave/index.html 具體情況請(qǐng)以你本機(jī)地環(huán)境決定。目的只有一個(gè),即是可以通過WEB方式訪問到本示例的index.html,為接下來打開控件頁面作好準(zhǔn)備工作。
請(qǐng)確保上面地址能正確打開index.html網(wǎng)頁,并看到效果如下:

(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目錄改為本示例可運(yùn)行的Web路徑
修改完成后再次刷新打開index.html頁后點(diǎn)擊查看鏈接,將提示:“彈出對(duì)話框是否同意啟動(dòng)應(yīng)用”

請(qǐng)選擇同意:啟動(dòng)應(yīng)用,如果一切順利將會(huì)啟動(dòng)智能窗打開edit.html,如下圖:

3、設(shè)計(jì)保存按鈕
用記事本打開edit.html代碼,在<input type=button onclick="" value="打開"></div>代碼之后,</div>標(biāo)簽之前,加入下面代碼
<input type=button onclick="OpenSave();" value="保存">
執(zhí)行完成后,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對(duì)象
var WebOffice=document.getElementById("WebOffice");
//通過對(duì)象WebOffice的Open方法打開個(gè)一個(gè)服務(wù)器文檔
//此處服務(wù)器文檔地址為://www.officectrl.com/officecs/temp/file1.doc
WebOffice.Open("http://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("http://www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document");
也可以改成您本地方式的地址打開如:
WebOffice.Open("http://locahost/file1.doc",false,"Word.Document");
如果 //locahost/file1.doc 存在,則一樣可以打開WORD文檔。
加入保存按鈕后效果如下:

未完待續(xù)……
相關(guān)內(nèi)容推薦:
WebOffice入門教程:Hello World!(一)打開服務(wù)器文檔
WebOffice入門教程:Hello World!(二)設(shè)計(jì)WebOffice控件加載頁
WebOffice入門教程:Hello World!(三)修改第一個(gè)WebOffice程序的文件編碼
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@ke049m.cn
文章轉(zhuǎn)載自: