如何使用javascript阅读epub文件

Question

如何使用javascript阅读epub文件？

我尝试了epubjs，但这不符合我的要求。是否有其他可用的javascript库？

Answer 1

Readium Foundation刚刚发布了Readium Web Components：请参阅http://readium.org/news/announcing-readiumjs-a-javascript-library-for-browser-based-epub-3-reading（代码：https://github.com/readium/Readium-Web-Components）

或者，您可能需要查看FuturePress：http://www.futurepress.org/（代码：https://github.com/fchasen/epub.js/）

最后，TEA还有一些你可能会感兴趣的东西：https://github.com/TEA-ebook/teabook-open-reader

Answer 2

一个非常古老的问题，TreineticEpubReader是我创作的readium-js-viewer的一个流行分支，它提供了一个非常简单的api与epub文件进行交互，

https://github.com/Treinetic/TreineticEpubReader

库是纯JavaScript，因此您可以与任何现代框架混合和混合，这是示例代码，还可以查看sample内的dist文件夹以找到有效的演示

<div id="epub-reader-frame"></div>

var exControls = TreineticEpubReader.handler();
exControls.registerEvent("onEpubLoadSuccess", function () {

});

exControls.registerEvent("onEpubLoadFail", function () {

});

exControls.registerEvent("onTOCLoaded", function (hasTOC) {
    if (!hasTOC) {
       let toc =  exControls.getTOCJson();
    }
    // you can use following api calls after this
    /**
    exControls.hasNextPage()
    exControls.nextPage();
    exControls.hasPrevPage()
    exControls.prevPage();
    exControls.makeBookMark();
    exControls.changeFontSize(int);
    exControls.changeColumnMaxWidth(int);
    exControls.setTheme("theme-id-goes-here");
    exControls.setScrollMode("scroll-type-id-goes-here");
    exControls.setDisplayFormat("display-format-id-goes-here");

    extcontrols.getRecommendedFontSizeRange()
    extcontrols.getRecommendedColumnWidthRange()
    var list = extcontrols.getAvailableThemes();
    var list = extcontrols.getAvailableScrollModes();
    var list = extcontrols.getAvailableDisplayFormats();
    var settings = extcontrols.getCurrentReaderSettings();
    **/
});

var config = TreineticEpubReader.config();
config.jsLibRoot = "src/ZIPJS/";

TreineticEpubReader.create("#epub-reader-frame");
TreineticEpubReader.open("assets/epub/epub_1.epub");