天天看點

在浏覽器端浏覽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

繼續閱讀