请教epub注释问题

3134433

请教各位大佬，epub在calibre里面注释不跳，请问怎么解决
<h2 class="secondTitle">建立夏山学校的初衷</h2>
<p class="content">本书要讲的是一个新式学校的故事——夏山学校。夏山学校成立于1921年。学校位于英格兰萨福克郡的一个叫莱斯顿的小镇里，离伦敦大约100英里<img class="qqreader-footnote"  id="noteBack1" src="../Images/note.png" alt="英里，英制长度单位。1英里约等于1.61千米。"/>。</p>

牧尘主宰

改好了。点击原文中的“注”会跳转到注释内容，点击注释内容会跳转到原文。
https://t2822.lanzoul.com/iCC4S29h1b6h

秦十一哥

<h2 class="secondTitle"><a href="#content">建立夏山学校的初衷</a></h2>
<p class="content">本书要讲的是一个新式学校的故事——夏山学校。夏山学校成立于1921年。学校位于英格兰萨福克郡的一个叫莱斯顿的小镇里，离伦敦大约100英里<img class="qqreader-footnote"  id="noteBack1" src="../Images/note.png" alt="英里，英制长度单位。1英里约等于1.61千米。"/>。</p>

3134433

秦十一哥 发表于 2024-9-7 18:01
建立夏山学校的初衷
本书要讲的是一个新式学校的故事——夏山学校。夏山学校成立于1921年。学校位于英格兰 ...

大佬，按照你的方法还是不行，要不我把文件发你，行吗

3134433

      顶一下别沉

wdpjplc

试试这个这个看可以不
为了让注释能够跳转，你需要创建一个锚点链接到注释内容，并在注释图标上设置点击事件来跳转到相应的注释说明。以下是修改后的HTML代码示例：

html
<h2 class="secondTitle">建立夏山学校的初衷</h2>
<p class="content">本书要讲的是一个新式学校的故事——夏山学校。夏山学校成立于1921年。学校位于英格兰萨福克郡的一个叫莱斯顿的小镇里，离伦敦大约100英里<a href="#note1" class="note-ref" id="noteRef1"><img class="qqreader-footnote" src="../Images/note.png" alt="英里，英制长度单位。1英里约等于1.61千米。"/></a>。</p>

<!-- 在页面的底部或其他合适的位置添加注释内容 -->
<div id="note1" class="footnote">
  <a href="#noteRef1" class="back-ref">↑返回</a>
  <p>英里，英制长度单位。1英里约等于1.61千米。</p>
</div>


这里做了以下几步修改：

1. 将原来的`<img>`标签包裹在`<a>`标签内，并设置`href`属性为`#note1`，这是注释内容的锚点。
2. 添加了一个`id="noteRef1"`属性给`<a>`标签，以便可以从注释内容处跳转回来。
3. 在页面的底部或其他合适的位置添加了注释内容，使用`<div>`标签包裹，并给它一个`id="note1"`，这是注释内容的锚点。
4. 在注释内容中添加了一个返回链接，使用`<a>`标签的`href`属性设置为`#noteRef1`，这是之前设置的跳转回来的锚点。

这样，当用户点击注释图标时，页面会跳转到注释内容处；点击注释内容中的返回链接时，页面会跳转回原来的位置。

请确保你的EPUB阅读器支持内部链接的跳转。大多数现代阅读器都支持这一功能。如果你在使用Calibre编辑书籍，确保在添加完这些修改后保存并重新编译EPUB文件。

3134433

wdpjplc 发表于 2024-9-7 22:13
试试这个这个看可以不
为了让注释能够跳转，你需要创建一个锚点链接到注释内容，并在注释图标上设置点击事 ...

我把文件发你看看，币不够我可以加

3134433

3134433 发表于 2024-9-7 22:25
我把文件发你看看，币不够我可以加

通过网盘分享的文件：1600885.epub
链接: https://pan.baidu.com/s/1sRpiH5d4zi1YTUSWYXfboA?pwd=np4n 提取码: np4n

soakit

看了文件是qq阅读的脚注。
试试qq阅读点击“注”，看应该会有内容提示。

Calibre要支持，可以用截图的方式

soakit

1. 创建脚注标记

[HTML] 纯文本查看 复制代码

<p>这是一个示例文本<sup><a href="#footnote1" id="ref1">[1]</a></sup>，它有一个脚注。</p>

2. 添加脚注内容
在文末或页面的适当位置添加脚注内容，并用 <a> 标签与正文中的脚注索引关联

[HTML] 纯文本查看 复制代码

<hr>
<p id="footnote1"><sup>1</sup> 这是脚注内容。<a href="#ref1">返回</a></p>