javascript - 如何使用 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-组件）

或者，您可能想看看 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/Trinetic/TrineticEpubReader

库是纯 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");