基于HTML5技术的在网页浏览器中编辑Office文件的方法与流程

本发明涉及计算机网页浏览器技术，特别涉及一种基于html5渲染的microsoftoffice文件在浏览器中的打开并编辑方法。

背景技术：

术语解释：

microsoftoffice软件和microsoftoffice文件：microsoftoffice软件（以下简称office）是微软公司开发的一套基于windows操作系统的办公软件套装。常用组件有word、excel、powerpoint等。microsoftoffice文件是指word、excel、powerpoint等软件编辑后保存的文件。

html5:html5是构建web内容的一种语言描述方式，是最新的html标准，它专门为承载丰富的web内容而设计的，并且无需额外插件，拥有新的语义、图形以及多媒体元素，提供的新元素和新的api简化了web应用程序的搭建，是跨平台的，被设计为在不同类型的硬件（pc、平板、手机、电视机等等）之上运行。

ajax:是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

activex控件：microsoft公司对于一系列策略性面向对象程序技术和工具的称呼，其中主要的技术是组件对象模型（com），与本文中的activex、控件等名词等同含义。

在网页浏览器中打开office文件的常用方法是，用activex控件形式的中间件软件把office嵌入到网页里，即浏览器->activex中间件->office的模式，浏览器中嵌入activex中间件，activex中间件中嵌入office。

这种模式虽然可以做到软件界面比较友好，但因为浏览器的紧密耦合，软件的稳定性不仅跟office软件有关，而且跟浏览器也相关。当oa系统因浏览器的问题而出现问题时，由于当前用户使用的浏览器几乎全部是免费版，在浏览器方面的技术问题通常不能得到浏览器厂商的有效支持，那么解决这类问题时，通常会非常麻烦。另一方面，office的嵌入模式跟普通打开office应用程序的使用模式相比，在使用场景的复杂度方面更加多样化，例如各种具体应用中,浏览器页面里包含各种页面特效、样式、界面风格等，而浏览器和office厂商之间并没有就这种浏览器嵌入office的使用行为做任何联调和测试。实践证明，在oa系统的应用中，由于浏览器网页界面的风格和office之间的兼容性而发生的问题非常多，因此导致软件应用系统的维护工作量非常巨大。

技术实现要素：

本发明的目的是提供一种基于html5技术的在网页浏览器中编辑office文件的方法，能避免activex中间件嵌入网页的方式打开office文件时对浏览器耦合度高、实际应用开发过程中需要针对各种浏览器做大量联调和测试等不利情况。

本发明采用以下技术方案实现上述目的。一种基于html5技术的在网页浏览器中编辑office文件的方法，其方法步骤如下：

1）在文件存储服务器和文件核心服务器中分别开启http服务；

2）通过网页浏览器访问文件存储服务器提供的嵌入了文件编辑器的网页url地址；

3）文件编辑器的网页打开并创建后，与文件核心服务器通信，并把office文件的url地址告知文件核心服务器；

4）文件核心服务器下载office文件，并转换成可被文件编辑器识别的ebin（内部文件格式）；

5）文件核心服务器把ebin以文件流的方式返回给文件编辑器；

6）文件客户端使用html5的canvas对象把ebin中的office文件信息渲染到网页中。

进一步，所述文件存储服务器是http服务应用程序，提供文件编辑器的宿主网页，提供office文件的url地址。

进一步，所述文件编辑器是依附于网页浏览器中的实现类似office软件的文件编辑功能的编辑器，其本质是被网页浏览器解析执行的html5和javascript代码。文件编辑器可以跟文件核心服务器提供的接口通信，把office文件url地址发送给文件核心服务器；可以接收转换后的文件ebin，通过html5的canvas对象把ebin渲染到网页。

进一步，所述文件核心服务器是http服务应用程序，包含的文件转换模块实现了office文件和ebin之间的相互转换，当文件编辑后需要存储时，调用文件存储服务器的接口把office文件保存。

本发明与网页中activex中间件模式嵌入office程序的方式相比，不需要客户端安装office软件就可以编辑office文件，排除了因操作系统、office软件以及网页浏览器程序因兼容性而出现错误的可能性；基于云服务瘦客户端思想，能够把office文件格式兼容的工作交给文件核心服务器处理；文件编辑器客户端可以通过html和javascript语法，在网页浏览器里模拟出类似office软件的界面以满足文件编辑的需要；通过html5的canvas对象，文件编辑器可以把office文件内容到网页中并且和office程序渲染的结果高度相似，精简了客户端。

附图说明

图1是本发明的系统结构框图；

图2是本发明中文件存储服务器、文件核心服务器和文件编辑器的关系图；

图3是本发明的系统工作流程图。

具体实施方式

以下实施例仅用于更加清楚地说明本发明的技术方案，而不能以此来限制本发明的保护范围。一种基于html5技术的在网页浏览器中编辑office文件的方法，包括文件存储服务器、文件核心服务器和文件编辑器客户端；应用程序访问文件存储服务器提供的文件编辑器宿主网页后，文件编辑器被创建，文件编辑器跟文件核心服务器通信，并把office文件的url地址告知文件核心服务器；文件核心服务器下载office文件并转换成ebin格式文件，并把转换后的ebin格式文件通过http协议以文件流的方式返回给文件编辑器；文件编辑器使用html5的canvas对象把文件流中的office文件信息渲染到网页中。

参见图1系统结构框图。整个系统分位三部分，分别是文件核心服务器、文件存储服务器和文件编辑器。文件核心服务器完成office文件格式和ebin文件格式相互转换的工作。文件存储服务器完成office文件管理工作，对外提供文件下载和文件保存接口。文件编辑器完成ebin文件的解析并渲染到网页，文件编辑器继承和实现了类似office软件的操作习惯和编辑界面。

参见图2。文件编辑器的ajax模块负责跟文件核心服务器信息交换，文件编辑器通过ajax模块把office文件url告知文件核心服务器，接收ebin文件流，把文件编辑器的修改作为更改记录发送到文件核心服务器；文件编辑器通过html5的canvas对象把ebin文件流渲染到网页上；文件编辑器通过html和javascript语法，在网页浏览器里模拟出类似office软件的界面以满足文件编辑的需要。文件核心服务器从文件存储服务器下载office文件，文件核心服务器上的office&ebin转换程序把office文件转换成ebin文件并返回给文件编辑器，文件核心服务器记录文件编辑的每次修改记录，最后合并生成新的office文件。文件存储服务器提供office文件的下载链接，实现从文件核心服务器下载并存储编辑后的新office文件的的功能。

参见图3。用户操作打开包含文件编辑器的网页，文件编辑器通过ajax模块以office文件url为参数向文件核心服务器发出文件转换请求，文件核心服务器下载office文件，下载后把office文件转换成ebin文件格式并返回文件流；文件编辑器收到ebin文件流后用html5的canvas对象把ebin文件流渲染到网页，文件打开工作流程完毕；用户对文件的编辑修改通过ajax模块传送到文件核心服务器以增量的方式保存到硬盘文件；当用户关闭文件编辑器后，文件核心服务器把原始ebin合并所有修改，把修改后的ebin转换成新office文件；新office文件生成后，文件核心服务器调用文件存储服务器的保存文件接口把新office文件保存到文件存储服务器。