文章

wordpress在线浏览PDF等文档插件

文章目录

最近因为另一个网站的需要,艾尔云在网上搜集了关于在线PDF文档直接浏览的实现方法。就是类似于百度文库、豆丁网那种,不过那玩意儿还真不好找。目前看到网上有许多关于实现在线PDF等文档浏览的8种方法的文章。

在线PDF浏览

在我百度google好久终于明白原来类似百度文库豆丁网它们是先将PDF等文档转换成SWF文件,然后通过播放器来播放SWF文件来达到在线浏览的效果,而另外有通过jQuery插件的直接在实现。

在开源中国有介绍这8个jQuery的PDF浏览插件其中有一种是PDF.js的是一个技术原型主要用于在HTML5平台上展示PDF文档,无需任何本地技术支持。今天介绍的wordpress在线PDF插件有一款就是通过这个PDF.js实现的。

  • PDF.JS在线演示:http://mozilla.github.io/pdf.js/web/viewer.html
  • PDF.JS开源地址:https://github.com/mozilla/pdf.js

而其他有没有实现在线PDF文档浏览的具体可行方法呢?其实是有很多的,不过不好实现,如果你需要的话以下是一些参考。希望对你有帮助。

wordpress在线PDF插件

对于用wordpress的站点来说似乎有更简单的方法,那就是自己不动手用别人的插件,这也许是大多数人都能实现的方法了,今天介绍的wordpress在线PDF插件分别是PDF.js Viewer Shortcode和Prizm Viewer插件。

PDFjsViewer

这插件就像艾尔云上面说的是通过PDF.js来实现的,对于不支持HTML5的浏览器来说似乎是没戏,不过HTML5迟早是趋势。用起来界面美观大方。

  • PDF.jsViewerShortcode主页:https://wordpress.org/plugins/pdfjs-viewer-shortcode/

使用方法其实很简单,后台安装启用之后,在写文章的时候插入短代码来实现的,如果你了解wordpress的话可以直接集成到wordpress后台编辑器中使用起来直接点击按钮加入链接即可。

在线PDFjs浏览插件

短代码:[pdfjs-viewer url=http://www.aaa.com/test.pdf viewer_width=600px viewer_height=700px fullscreen=true download=true print=true openfile=false]

  • url (必填项):直接链接直接PDF文件
  • viewer_width(可选):宽度(默认值:100%)
  • viewer_height(可选):高度(默认值:1360px)
  • fullscreen(可选):true/false,上面显示全屏浏览器链接(默认:真)
  • download(可选):true/false,启用或禁用下载按钮(默认:真)
  • print (可选):true/false,启用或禁用打印按钮(默认:真)
  • openfile(可选):true/false,可启用或禁用打开文件按钮,(缺省值:false)
  • 如果你懂点HTML的话里面的选项都不太难理解,自己设置即可。

PrizmViewer

Prizm Viewer插件是一款强大的文档阅读器,Prizm实际上是一个云服务提供商,提供文档,图像的存储(有点像Google Docs)。而Prizm Viewer插件就是该提供商开发的一款插件,允许WordPress博主在网站中加入文档在线预览功能,支持DOC,XLS,PPT,PDF,CAD等近300种格式。

  • 插件主页:https://wordpress.org/plugins/prizm-cloud-document-viewer/

听起来不错可就是用起来麻烦点儿,需要注册并且选用Prizm的免费套餐,然后经过一系列的设置来实现网站在先PDF阅读的目的,好吧说了这么多,到底怎么用呢?表急!艾尔云给出参考地址。

本文小结

经过上面一番折腾算是可以在线PDF浏览了,一些网站程序除了用现成的插件之外。目前实现在线PDF浏览而且防止复制的主要有两种方法,一种就是通过工具将上传的PDF等文档转换成SWf文件然后再播放类似豆丁网百度文库,另外一种就是office web app这是微软出品,网易邮箱在线PDF浏览似乎是这个。前者需要一定的技术来二次开发,后者需要服务器安装Office Web Apps Server 2013的一个更新KB2760445。

发表评论