I tried the following in a draft:
<a href="#test-heading-with-spaces-in"> <img src="http://www.google.com.au/images/nav_logo7.png"> </a> ... ### Test Heading With Spaces In
where there was enough other material between the
</a> and the
### lines for jumping to the heading to be shown to work (or not).
I tried this Markdown/HTML in Drafts and also generated as HTML in Sublime Text.
In Drafts Preview on Mac If I click on the image I don’t get taken to the heading. If I throw the Sublime-Text-Generated HTML into a browser clicking on the image takes me to the heading.
Should I expect this to work in Drafts?
If I use the Markdown image format
!(http://www.google.com.au/images/nav_logo7.png) in the
<a> bracket it gets rendered as a literal string and not treated as an image reference. This would, of course, be simpler for users to use than the
<img> HTML element.
(I’m experimenting with this as a candidate protocol for clickable pictures in Powerpoint via md2pptx. I’m going to have enough trouble generating the
href attributes, by the way.)