读书人

怎么做预览word文档类似于百度文库

发布时间: 2012-07-26 12:01:08 作者: rapoo

如何做预览word文档,类似于百度文库

如何做预览word文档,类似于百度文库

?

? ? 最近在做这样一个模块,需要网页预览OFFICE文档的功能,包括word、excel、ppt。到网上找了好多例子,但是感觉好像都有问题,而且大多数的帖子只是给出一个思路,并没有具体代码,更有甚者,直接拷贝别人的博客,自己从来不去验证正确与否,我就看到过这样的代码,结果代码运行总是出错。

?

于是,在这里我就给出具体的代码,并且大家可以直接下载


我有个思路,大致分为3步:


第一步,利用OpenOffice将Office文档转换为PDF

? ? 详见本人的另一篇博客?http://titanseason.iteye.com/admin/blogs/1471606

?

第二步,利用SWFTools工具,将PDF转换为SWF格式的FLASH

? ? 详见本人的另一篇博客?http://titanseason.iteye.com/admin/blogs/1472733


第三步,利用FlexPaper显示生成的FLASH

? ? FlexPaper的下载地址:?http://flexpaper.devaldi.com/download/,大家下载免费版的就行

? ? 这一步就比较简单了,大家将下载的FlexPaper解压缩后,拷贝flexpaper_flash.js到你的网页中,然后把他导入到网页,而且FlexPaper还要用到jQuery,这个做网页的应该都比较熟悉,大家随便百度一下,也导入到网页中。

?

网页代码

?

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><base href="<%=basePath%>"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript" src="js/flexpaper_flash.js"></script><script type="text/javascript" src="js/jquery-1.6.4.js"></script><script type="text/javascript">//界面加载完毕的初始化方法 $(document).ready(function(){//自定义的方法});</script><title>预览Office文档</title></head><body><div>        <a id="viewerPlaceHolder" style="width:680px;height:480px;display:block"></a>                <script type="text/javascript"> var fp = new FlexPaperViewer( 'FlexPaperViewer', 'viewerPlaceHolder', { config : { SwfFile : escape('Paper.swf'), Scale : 0.6,  ZoomTransition : 'easeOut', ZoomTime : 0.5, ZoomInterval : 0.2, FitPageOnLoad : true, FitWidthOnLoad : false, FullScreenAsMaxWindow : false, ProgressiveLoading : false, MinZoomSize : 0.2, MaxZoomSize : 5, SearchMatchAll : false, InitViewMode : 'Portrait', PrintPaperAsBitmap : false,  ViewModeToolsVisible : true, ZoomToolsVisible : true, NavToolsVisible : true, CursorToolsVisible : true, SearchToolsVisible : true,     localeChain: 'zh_CN'}});        </script>        </div>        </body></html>
?

? ? 大家可以直接从附件中下载相应的全部代码,直接导入eclipse中就可以运行(但是需要J2EE版本的eclipse),而且需要电脑上面安装了TOMCAT或其他服务器

?

读书人网 >开源软件

热点推荐