多看掌阅微信，三大平台兼容弹注写法
本帖最后由 钱荷书斋 于 2024-5-10 20:57 编辑之前用火狐浏览器，发贴总是会在最后出现“设置background为白色”的一行代码，不知原因，今天换了个浏览器，发个贴来试试看还会不会出现。今天介绍的是三大平台的兼容注释，而非通用注释，这个兼容注释我通常称之为A注，就是写在图片的alt里的，比较简单，也可以用sigil吧主的注释插件一键生成，我写的时候也会用模板的形式去写，大家把模板写到插件的注标模板里，注释模板一栏留空，即可自动生成。A注的兼容主要靠叠甲。因为各个平台对A注的识别就是自己的类名，而非标签。标签是sup是a还是图片无所谓，类名有了就能识别。首先来看看掌阅的注释，<img class="zhangyue-footnote" src="../Images/note.png" zy-footnote="" />然后是多看的A注， <a class="duokan-footnote"><img alt="" class="duokan-footnote" src="../Images/note.png"/></a>最后是QQ阅读和微信读书的注释，<img alt="" class="qqreader-footnote" src="../Images/note.png" />通过观察我们不难发现，除了类名之外，图片alt属性是多看和微信共有的，注释也都是写在这里面，掌阅的注释不在alt里，那我们只需要写一段融合的代码，把类名和共有的都写上后，img标签后面再多加个掌阅的属性不就行了。<a class="duokan-footnote"><img class="qqreader-footnote" alt="" zy-footnote=“" src="../Images/note.png"/></a>但是你会发现掌阅和微信的类名都写在img标签里，写了微信写不了掌阅了啊。**** Hidden Message *****
给楼主点赞，谢分享! 天鸣辰楚 发表于 2024-4-22 07:33
给楼主点赞，谢分享!
客气客气 厉害，感谢楼主大大分享，膜拜大佬 在html中，class是可以多个的，中间通过空格隔开，具体平台支不支持还需要另行测试 看看隐藏内容，学习一下 这个是技术活！！！！ 本帖最后由 see_u_space 于 2024-4-22 13:27 编辑
往里一直堆 class 或者额外的属性就好了吧，塞上七八个也不是问题，期待楼主顺便分享下 kindle 的兼容写法。 wukon 发表于 2024-4-22 11:33
在html中，class是可以多个的，中间通过空格隔开，具体平台支不支持还需要另行测试
你说的是css中吧，通过空格把类名隔开，微信读书就不支持，所以文中我也是说写一个 see_u_space 发表于 2024-4-22 13:26
往里一直堆 class 或者额外的属性就好了吧，塞上七八个也不是问题，期待楼主顺便分享下 kindle 的兼容写法 ...
是的就是堆class ，epub3.0就能兼容kindle和ibook，多看的另一种跳转注释是2.0的，简单修改融合一下就好了，也可以写好模板。用插件一键生成