天天看点

在浏览器端浏览EPUB 什么是epub.js?什么是EPUB?开始使用IE浏览器

在浏览器端浏览EPUB 什么是epub.js?什么是EPUB?开始使用IE浏览器

什么是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 οnclick="Book.prevPage();">‹</div>
<div id="area"></div>
<div οnclick="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

继续阅读