在浏览器端浏览EPUB

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wtf4007/article/details/55259039


什么是epub.js?

epub.js是支持跨多个设备的,在浏览器端渲染EPUB文件的JavaScript库。

epub.js提供通用的电子书功能界面(如渲染、持久和分页)不需要开发专用的应用程序或插件。重要的是,它有一个令人难以置信的放任自由的BSD许可证。

什么是EPUB?

EPUB标准是一种广泛使用的和易转换格式。许多书是目前这样的格式,它可以转换为其他格式(如PDF、Mobi和iBooks)。

一个解压缩的EPUB3(你可以将epub文件用解压缩软件进行解压)是集HTML5文件、CSS、图像和其他媒体——就像任何其他网站。然而,它强制执行一个书组件的架构,它允许我们根据受控词汇呈现一本书及其部分。

更特别的是,EPUB图式规范目录,提供了一个清单,使缓存整本书,并将内容存储在它如何显示。

开始使用

将文件futurepress-epub.js(文章末尾提供下载地址)解压缩到文件夹后,在页面按如下引用:

<script src="../build/epub.min.js"></script>

如果你计划使用压缩(zipped)EPUB(任何。ePub文件),请在页面中引入精简版的jszip.js,它存放在该目录下build/libs

<!-- Zip JS -->
<script src="/build/libs/zip.min.js"></script>

设置要渲染的元素:

<div onclick="Book.prevPage();">‹</div>
<div id="area"></div>
<div onclick="Book.nextPage();">›</div>

新建EPUB对象,渲染到element

<script>
   var Book = ePub("url/to/book/");
   Book.renderTo("area");
</script>

可查看文档(epub.js/documentation/README.md)获得更多的功能

更多的例子查看(epub.js/examples/)

 

 

IE浏览器

适配IE最好的选择是wicked-good-xpath,谷歌撰写的DOM Level 3 XPath规范的纯JavaScript实现(但不要求)。更多信息:https://code.google.com/p/wicked-good-xpath/

<script src="/examples/wgxpath.install.js"></script>
<script>
EPUBJS.Hooks.register("beforeChapterDisplay").wgxpath= function(callback, renderer){
 
 wgxpath.install(renderer.render.window);
 
 if(callback) callback();
};
 
wgxpath.install(window);
</script>

epub.js-v0.2.15下载地址:http://download.csdn.net/detail/wtf4007/9755881



猜你喜欢

转载自blog.csdn.net/wtf4007/article/details/55259039
今日推荐