个人中心
gpt4 book ai didi

javascript - 设置 epub.js

转载 作者：行者123 更新时间：2023-11-30 06:22:29 32 4
gpt4 key购买 nike

有人使用 epub.js 或能够理解此处所谓的“文档 https://github.com/futurepress/epub.js 吗？

我的代码有什么问题？我已经一步一步地遵循了文档...我错过了什么？

<body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js"></script>
            <script src="../dist/epub.min.js"></script>
<script>
  var book = ePub("my_epub.epub");
  var rendition = book.renderTo("area", { method: "default", width: "100%", height: "100%" });
  var displayed = rendition.display();
</script>


<div id="area"></div>

<body>

感谢您的宝贵时间。

最佳答案

这可能对您有所帮助，但为时已晚，但我希望对其他人有所帮助。

首先，在我对 epub.js 的短暂体验中，我一直在努力解决同样的问题，并最终了解到如果你想设置 height和 width "100%" 的选项，正如您引用的自述文件的“入门”指南中所建议的那样，并且正如您在示例中使用的那样，您要呈现的元素必须具有固定的高度。在你的例子中，#area分区尝试为 #area 设置 CSS至 height: 500px; ，然后查看 epub 是否会呈现。

这是内容更丰富的 epub.js 文档，但与设置无关:http://epubjs.org/documentation/0.3/#rendition

其次，这对您来说可能根本不是问题，我知道 README 指示引用 <script src="../dist/epub.min.js"></script>与您所拥有的完全一样，但出于我在带有 Webpack 的 Rails 5.1 应用程序中的目的，它不起作用。

相反，我使用 Yarn( yarn add epubjs 或 npm install epubjs 如果您使用 npm)将其添加到项目中，然后使用 import ePub from 'epubjs' 将其导入到相关文件(在我的例子中是 Vue 组件)中.

您可以通过控制台记录您的 book 来检查您是否加载了 epub.js或 rendition定义变量后的变量(在您的示例中为 console.log(book) 或 console.log(rendition))。如果它们是充满了您不熟悉的奇特功能的对象，您就会知道页面上有 epub.js，问题更有可能是高度/宽度值。

关于javascript - 设置 epub.js，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52352962/

32 4 0
文章推荐： javascript - ReactJS 中的自动状态突变 - 问题
文章推荐： Java创建新对象性能
文章推荐： java - 不能在 JOption 对话框中使用整数和求和
文章推荐： javascript - 在 reactjs onclick 事件中更新了所有按钮
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com