WebOffice入门教程：Hello World!（三）修改第一个WebOffice程序的文件编码-控件新闻-慧都网

WebOffice入门教程：Hello World!（三）修改第一个WebOffice程序的文件编码

转帖|使用教程|编辑：莫成敏|2020-04-22 13:37:06.903|阅读 415 次

概述：WebOffice控件是国内领先的在线编辑Office文档软件，软件产品从1998年立项至今已有20多年历史，期间服务了众多大中小型企业、各级政府机关、科研机构和学校等事业单位。本文介绍了WebOffice入门教程，Hello World!

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

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

点击下载WebOffice正式版

本文讲述了如何修改第一个WebOffice程序的文件编码，是教程入门教程Hello World的一部分。内容紧接前文！

修改第一个WebOffice程序的文件编码

本示例假定你已完成第一个WebOffice程序的设计制作，并成功看到效果。

用记事本打开第一个WebOffice程序的设计制作的index.html

方法是：启动记事本软件，点击文件菜单-》打开菜单选择，在弹出对话框选择C:\WebOfficeTest目录，在对话框下方的文件名文本框后面的文件类型下拉框选择：所有文件(*.*)，然后在对话框文件选择界面选择 index.html 后，点击“确定”按钮，打开index.html

WebOffice入门教程：Hello World!（三）修改第一个WebOffice程序的文件编码

将 <a href="WebOffice://|Officectrl|file:///C:/WebOfficeTest/edit.html">;查看</a> 代码改成标准格式的HTML代码并以uft-8进行编码,修改成代码后如下:

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<title></title>
	</head>

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

完成以上代码后，选择记事本软件“文件”菜单，点击“另存为”菜单项，弹出另存为对话框，在此对话框路径选择C:\WebOfficeTest，在保存类型选择：所有文件(*.*),在下方的编码(E)下拉框里选择：UTF-8,最后在文件名里输入:index.html,点击保存按扭，如果提示文件存在，是否替换对话框里选择“是”，即可。

WebOffice入门教程：Hello World!（三）修改第一个WebOffice程序的文件编码

按上面同样方法打开edit.html，在edit.html代码里最前面加入:<!DOCTYPE html>

在<head>与<title>之间加入：<meta http-equiv="content-type" content="text/html;charset=utf-8">，完成后代码效果如下：

<!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="打开"></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="500" >');
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>

完成以上代码后，选择记事本软件“文件”菜单，点击“另存为”菜单项，弹出另存为对话框，在此对话框路径选择C:\WebOfficeTest，在保存类型选择：所有文件(*.*),在下方的编码(E)下拉框里选择：UTF-8,最后在文件名里输入:edit.html,点击保存按扭，如果提示文件存在，是否替换对话框里选择“是”，即可。

最后，请再次用浏览器打开index.html以测试，如果一切正常，表示操作成功。

本教程内容到这里就结束了，感兴趣的朋友可以下载WebOffice免费试用~您可以点击下方链接了解相关内容~