Heya, I have a very long document. I want to use in-page links between my content and footnotes (bibliography). I’m attempting to use Markdown-style links - i.e. [link text](#footnote_id) in a Markdown block, to link to <a name="footnote_id"></a> in a HTML block. However, the link isn’t working. C…

Here’s a snippet that you can just drop into your notebooks to get your links working: { const isLocalLink = a => a instanceof HTMLAnchorElement && a.getAttribute('href').match(/^#/); const scrollTo = e => { let l = e.target, t; if(isLocalLink(l) && (t = document.querySelector(`[name="$…

The recommended way to do this is to split your markdown blocks into different named cells and link to those. See the discussion here: [image] Bug report: local anchor link Site Feedback Hey Bryan - anchor links refer to named cells, so instead of a cell like md`<a name=…

@bgchen beat me to the punch! :clap: Here’s a little demo of using Markdown to write footnote links in Observable: [image] Markdown-Style Footnotes Refined Using a bit of the Iliad, in the Buckley translation, for the demonstration. But to them arose the hero, the son of Atreus, wide-rul…

Oooh thanks for these responses - glad to have one way that works. However, I’m currently using BibTeX -> citation-js -> markdown -> vanilla javascript to turn the a hrefs into a names (yes I’m a sucker for punishment). Is there any way to programatically create all these code blocks? Or any other…

Hrmm… that sounds harder! We don’t currently provide a way to programmatically create notebook source code, or to programmatically register cell anchor links with the parent frame. (I’ll take those as feature requests.) That said, you could probably find a way to make it work with JavaScript, by ob…

[image] jashkenas: and scrolling to the relevant footnote programmatically From what I understand the iframe has no control over the parent page’s scroll offset. What strategy did you have in mind?

[image] kimadactyl: Or any other way to do it that might work with this setup? (I can make a MWE if needed) How do you feel about inlined footnotes?

I don’t have a strategy in mind — just a hope and a prayer. I was anticipating that a DOM API like Element.scrollIntoView() might work. But if iframes aren’t permitted to do that, then I’m fresh out of ideas.

That’s the approach taken in @mbostock ’s TOC notebook mentioned in the thread I linked above: [image] TOC An Observable notebook by Mike Bostock.

Glad to hear I was wrong! :partying_face:

OK I made a MWE. Ideally I would want the LaTeX style author-year citation shorthand that’s supported by Rmd (R Markdown) . FWIW this is a common frustration us humanities folk have working with data science-y things so if there was a nicer way of doing bibliographies in observable that would be swe…

In-page links?

Help

bgchen June 15, 2020, 3:15pm 2

The recommended way to do this is to split your markdown blocks into different named cells and link to those. See the discussion here:

Topic		Replies	Views
Links when Embedding Notebooks Help	6	329	September 27, 2023
Bug report: local anchor link Feedback	17	2224	September 26, 2019
Feature request: deep links Feedback	10	2029	May 6, 2019
Anchors don't work in embedded notebook Help	5	917	April 12, 2019
Anchors doesn't work correct. Help	2	561	December 6, 2019

In-page links?

Related topics