Footnote display

[pyrmont]

As of 5.0d15 (1517), NNW does not provide any built-in support for the display of footnotes. Links to footnotes jump the user out to the browser.

I think it would improve the user experience if NNW either displayed the footnote with some kind of popover (see an example below from Feedbin's website) or rewrote the URL so that clicking on the footnote link jumped to the end of the text within NNW.

[benubois]

Feedbin uses bigfoot.js for this. It's easy to implement and should work fine in a WKWebView. NetNewsWire would need to include jQuery and the bigfoot JavaScript and CSS files in the article template.

Then it could run $.bigfoot(); whenever the article changes.

[pyrmont]

An alternative to bigfoot.js if you don't want to bring in JQuery is Barefoot. Its biggest downside is that it doesn't appear to be maintained any more. My PR fixing a bug remains outstanding.

(Apologies for the double comment; I tapped 'Close and comment' by mistake while writing the previous comment.)

[trentshell]

Littlefoot.js is another alternative that seems to be actively maintained.

[vincode-io]

@brehaut I've merged your pull request, but am having trouble getting it work with the example above. I went to Feedbin and searched for the article, then starred it. I was then able to go to the starred article. When I click on the footnote link, I get taken out of the application and go into a browser that takes me to the web page for the article.

Did we lose something while doing the merge?

[brehaut]

@vincode-io Looks like the merge was fine.

Apparently I didn't have Daring Fireball in my corpus of test cases. It looks like the markup there is slightly different to the footnote markup to what the script is looking for. I'll amend this, and see if there are any other common formats I’ve missed, and make a new pull request tonight.

[vincode-io]

This works and it looks awesome.