多看掌阅微信，三大平台兼容弹注写法

钱荷书斋

之前用火狐浏览器，发贴总是会在最后出现“设置background为白色”的一行代码，不知原因，今天换了个浏览器，发个贴来试试看还会不会出现。

今天介绍的是三大平台的兼容注释，而非通用注释，这个兼容注释我通常称之为A注，就是写在图片的alt里的，比较简单，也可以用sigil吧主的注释插件一键生成，我写的时候也会用模板的形式去写，大家把模板写到插件的注标模板里，注释模板一栏留空，即可自动生成。A注的兼容主要靠叠甲。因为各个平台对A注的识别就是自己的类名，而非标签。标签是sup是a还是图片无所谓，类名有了就能识别。

首先来看看掌阅的注释，<img class="zhangyue-footnote" src="../Images/note.png" zy-footnote="[note]" />

然后是多看的A注，

<a class="duokan-footnote"><img alt="[note]" class="duokan-footnote" src="../Images/note.png"/></a>

最后是QQ阅读和微信读书的注释，<img alt="[note]" class="qqreader-footnote" src="../Images/note.png" />

通过观察我们不难发现，除了类名之外，图片alt属性是多看和微信共有的，注释也都是写在这里面，掌阅的注释不在alt里，那我们只需要写一段融合的代码，把类名和共有的都写上后，img标签后面再多加个掌阅的属性不就行了。

<a class="duokan-footnote"><img class="qqreader-footnote" alt="[note]" zy-footnote=“[note]" src="../Images/note.png"/></a>

但是你会发现掌阅和微信的类名都写在img标签里，写了微信写不了掌阅了啊。

游客，如果您要查看本帖隐藏内容请回复

天鸣辰楚

给楼主点赞，谢分享!

钱荷书斋

天鸣辰楚 发表于 2024-4-22 07:33
给楼主点赞，谢分享!

客气客气

hgsgceee

厉害，感谢楼主大大分享，膜拜大佬

wukon

在html中，class是可以多个的，中间通过空格隔开，具体平台支不支持还需要另行测试

sutera

看看隐藏内容，学习一下

兵河之眼

这个是技术活！！！！

see_u_space

往里一直堆 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的，简单修改融合一下就好了，也可以写好模板。用插件一键生成