什麼是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>