在Markdown中鼠标悬停时显示图像

Question

我想知道是否可以在vanilla或GitHub Flavored Markdown的工具提示/ popover中显示链接图像。

我想这会有助于显示链接图像以简化缩进长度。想到Tappy。

Answer 1

John Gruber最初的Markdown

  

是两件事：（1）纯文本格式化语法; （2）一个用Perl编写的软件工具，它将纯文本格式转换为HTML。

它非常关注内容，而不是演示文稿。

但是，它支持inline HTML，因此如果您已经有一个想要更改的图像并且您愿意编写类似<img src="a.jpg" onmouseover="this.src='b.jpg'" onmouseout="this.src='a.jpg'" />的内容，那么您应该可以使其工作。

如果您想要不同的效果，可以尝试使用内联HTML来引入外部CSS或JS。

GitHub Flavored Markdown is a different story。从Markdown输入生成HTML后

  

会进行清理，积极删除可能会伤害您和您的亲属的内容，例如script代码，内联样式以及class或id属性。有关完整的白名单，请参阅sanitization filter。

这个过程几乎肯定会删除您尝试的任何鼠标悬停技术。