epub.js简单实用

最新推荐文章于 2025-04-20 10:28:11 发布

Vue超人不会飞

最新推荐文章于 2025-04-20 10:28:11 发布

阅读量1.2k

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/weixin_47948392/article/details/127463860

版权

这段代码展示了如何利用JavaScript的ePub库来创建一个电子书阅读器。它首先加载EPUB文件，然后将内容渲染到指定的DOM元素中，并设置为连续阅读模式和分页显示。当用户从下拉菜单中选择不同的章节时，代码会自动跳转到对应的页面。这涉及到了前端开发中的EPUB解析、页面渲染和用户交互处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var book = ePub("https://static-e879caa1-fc61-4acb-be0b-a0391be927ff.bspapp.com/1.epub");
        var rendition = book.renderTo("book", {
            width: window.innerWidth,
            height: window.innerHeight,
            manager: "continuous",
      flow: "paginated",
        });
        rendition.display();
        console.log(book);
        book.loaded.navigation.then(function (toc) {
            console.log(toc)
            var $select = document.getElementById("toc"),
                docfrag = document.createDocumentFragment();

            toc.forEach(function (chapter) {
                var option = document.createElement("option");
                option.textContent = chapter.label;
                option.ref = chapter.href;
                console.log(option,option.ref);
                docfrag.appendChild(option);
            });
            $select.appendChild(docfrag);

            $select.onchange = function () {
                var index = $select.selectedIndex,
                    url = $select.options[index].ref;
                rendition.display(url);
                return false;
            };

        });