named internal links? about reveal.js

[hakimel]

This has been added now, instructions are here: https://github.com/hakimel/reveal.js#internal-links

Essentially you just add an id to a section and link to it via

<a href="#my-slide-id">link</a>

[hakimel]

This isn't current supported but would be possible to implement. Won't have time to get to this anytime soon but will keep the issue open for later.

[dandv]

Felt the need for this features a few minutes into using Reveal.

[WTFologist]

this isn't an issue, per se, but a request for clarification in the documentation at:
https://github.com/hakimel/reveal.js#internal-links

I'm attempting to do the same thing as in the original issue above, for two reasons: the more slides I add, the more difficult it is to remember which reference in #/col/row format ; also, I find that I need to rearrange the slides to a more logical order. My problem is that, due to lack of knowledge of html5, my section ID's are not working, probably because I am not putting them in the right place. for example, in my initial slide, #/0/0, I put

at the very top, and closed with

at the very bottom. Then, in another slide, I surrounded a link with some link unfortunately, this placement of section id does not work. Please advise the proper way to do this.

Thank you

[hakimel]

Hey, it looks like you're missing a # in your link, it should be:

<section id="#home">

[mrmanc]

This is awesome.

Is there any way to use this feature to link to a specific slide when you are using Markdown to author your slides? I tried adding things like <!-- .slide: id="some-name" --> but I couldn’t see it appear on the rendered section element in the DOM. Apologies if I’m being naive!

My solution in the meantime is to take advantage of the fact that each heading is given a lower-kebab-case id which I can link to, but this is a little more fragile as the link breaks when the heading changes.