干净简便的HTML5文档查看器——GroupDocs.Viewer

GroupDocs.Viewer是一个在线文档查看器，不管是否安装了创建某个文档的软件，GroupDocs.Viewer都允许使用浏览器查看这个文档。GroupDocs.Viewer支持查看多种文件文档(DOC、DOCX、TXT、RTF、ODT)，演示文档(PPT、PPTX)，电子表格(XLS、XLSX)，便携式文件(PDF)以及图像文件(JPG、BMP、TIFF)。

                                                          点击下载GroupDocs.Viewer试用版

---

我们这个项目就是探寻一款干净简便的HTML5文档查看器，关于这方面的产品是很多的，所以这个探索过程是很繁琐的，很多人的第一想法就是是使用Google Docs Viewer或类似的解决方案，但由于应用程序将在客户端Intranet上运行，申请和文件都不允许暴露在互联网上，所以这是不可行的。

 经过探讨，我们制定了以下标准：

• 适用于Windows Server和.NET。 

• 支持PDF，包括新旧MS Office格式。 

• 在不离开触摸应用程序环境的情 最好支持从URL或.NET流中读取文档。 

• 无需在客户端计算机上安装额外的插件。

探索

接下来就是大量的研究探索，最终我们寻找到了三个备选产品。

Accusofts Prizm Client Connect 

这款产品符合我们的大多数标准，支持各种格式，但有一些缺点。它需要安装一个单独的服务器来进行文档转换。从他们提供下载的示例项目来判断，它需要编写大量代码才能使其打勾。除此之外，它只提供从文件路径加载文档的可能性。    

Snowbounds Virtualviewer 

这款产品的必须作为服务器上的单独网站运行，可以通过添加提供程序来扩展文档的加载方式，在示例项目中支持文件和URL。但是用户界面有点拥挤，视觉体验不太好，而且还有许多不常用的功能。

虽然这两种产品可能已经完成了这项工作，但我测试的第三种产品能够弥补以上两种产品的缺点。

GroupDocs Viewer for .NET

与其他产品相比，这是很轻便的一个产品，只需添加一个DLL即可，它有一个非常简洁的API。 最初不支持我们想要的打印的要求，但在与Groupdocs.交谈并解释需要的功能后，他们很快就推出了解决它的新版本。

添加代码

在ASP.NET MVC应用程序中使用GroupDocs Viewer，必须完成四个步骤。

第一步：引用dll到项目中去

第二步：将以下项目加入Global.asax.

Viewer.InitRoutes();    
Viewer.SetRootStoragePath(Server.MapPath("SomePath")); // Documents will also be cached here    
Viewer.SetLicensePath(Server.MapPath("SomePathToYourLisenceFile"));

第三步：在web.config文件中添加一些处理程序。

<add name="ViewDocumentHandler" verb="GET,POST" path="document-viewer/ViewDocumentHandler" type="Groupdocs.Web.UI.Handlers.ViewDocumentHandler, Groupdocs.Viewer, Culture=neutral" />
<add name="GetDocumentPageImageHandler" verb="GET,POST" path="document-viewer/GetDocumentPageImageHandler" type="Groupdocs.Web.UI.Handlers.GetDocumentPageImageHandler, Groupdocs.Viewer, Culture=neutral" />
<add name="LoadFileBrowserTreeDataHandler" verb="GET,POST" path="document-viewer/LoadFileBrowserTreeDataHandler" type="Groupdocs.Web.UI.Handlers.LoadFileBrowserTreeDataHandler, Groupdocs.Viewer, Culture=neutral" />
<add name="GetImageUrlsHandler" verb="GET,POST" path="document-viewer/GetImageUrlsHandler" type="Groupdocs.Web.UI.Handlers.GetImageUrlsHandler, Groupdocs.Viewer, Culture=neutral" />
<add name="GetCssHandler" verb="GET" path="document-viewer/CSS/GetCssHandler" type="Groupdocs.Web.UI.Handlers.CssHandler, Groupdocs.Viewer, Culture=neutral" />
<add name="images" verb="GET" path="document-viewer/images/*" type="Groupdocs.Web.UI.Handlers.EmbeddedImageHandler, Groupdocs.Viewer, Culture=neutral" />
<add name="GetScriptHandler" verb="GET,POST" path="document-viewer/GetScriptHandler" type="Groupdocs.Web.UI.Handlers.ScriptHandler, Groupdocs.Viewer, Culture=neutral" />
<add name="GetFileHandler" verb="GET" path="document-viewer/GetFileHandler" type="Groupdocs.Web.UI.Handlers.GetFileHandler, Groupdocs.Viewer, Culture=neutral" />
<add name="GetPdf2JavaScriptHandler" verb="GET,POST" path="document-viewer/GetPdf2JavaScriptHandler" type="Groupdocs.Web.UI.Handlers.GetPdf2JavaScriptHandler, Groupdocs.Viewer, Culture=neutral" />
<add name="GetPdfWithPrintDialogHandler" verb="POST" path="document-viewer/GetPdfWithPrintDialogHandler" type="Groupdocs.Web.UI.Handlers.GetPdfWithPrintDialogHandler, Groupdocs.Viewer, Culture=neutral" />
<add name="GetPrintableHtmlHandler" verb="GET,POST" path="document-viewer/GetPrintableHtmlHandler" type="Groupdocs.Web.UI.Handlers.GetPrintableHtmlHandler, Groupdocs.Viewer, Culture=neutral" />

第四步：在视图中加入以下内容

//loads the javascripts that groupsdocs viewer needs@Html.CreateViewerScriptLoadBlock().LoadJquery().LoadJqueryUi() 
@(Html.ViewerClientCode()
.TargetElementSelector("#documentContainer")
.Stream(SomeDotNetStream) // fetch document from a stream
//.Url("SomeUrl") fetch from a url
//.FilePath("SomeFile") fetch from filepath
.DocViewerId("SomeViewerId")
//different functionality can be turned on and off, this is just an example on how we have set them
.EnableRightClickMenu(true)
.ShowThumbnails(false)
.OpenThumbnails(false)
.ShowFolderBrowser(false)
.ShowDownload(false)
.ShowViewerStyleControl(false)
.ShowSearch(false)
.UsePdfPrinting(false)
.BackgroundColor("black")
.Width(960)
.Height(900)
.ZoomToFitWidth(true)
.Locale("nb-no")
)