Auto Bookmarks plugin

discourse-auto-bookmarks

discourse-auto-bookmarks is a Discourse plugin for adding automatic HTML bookmarks to topics and easily get a sharable link which points at specific parts of the text.

Installation

Follow Install a Plugin
how-to from the official Discourse Meta, using git clone https://github.com/acaporrini/discourse-auto-bookmarks.git
as the plugin command.

Usage

Hover over any h1,h2,h3,h4,h5,h6 header in your topics, a small bookmark icon will appear:

Right click the bookmark icon and select “Copy link address”:

Now you can share this bookmark link, it will open the topic exactly at the point where the bookmark is.

Testing

To run tests in your local environment visit http://localhost:3000/qunit?qunit_skip_core=1&qunit_single_plugin=discourse-auto-bookmarks

Repository

https://github.com/acaporrini/discourse-auto-bookmarks

12 Likes

Could this be a theme component?

It looks like this adds #target links to H[1-6], right? I’ve seen discussion about this before and the solution was to insert HTML in the Markdown to create the targets. It seems like it’d be easy enough to roll that into core.

This is brilliant! Why isn’t this functionality in core already?

1 Like

When @eviltrout added the anchor functionality in core he did postpone the automagic anchor creation because it’s not that simple, since you need to pick up a pattern, parse the entire post to deduplicate anchors, etc

6 Likes

That explains it. I mostly think that anyone who cares about the ability to link to headings would also bother to make them unique. It doesn’t seem that bad if a link goes the wrong place if someone is careless. That’s what HTML does, after all. (But maybe there’s something else I’m missing.)

1 Like

Very nice and very useful functionality I was actually missing it :+1:

Nice work, @acaporrini! Thanks for contributing this nifty plugin. Is there any way you could envision adding a shortcode e.g. [toc] to generate a table of contents of headings and sub-headings within a post? This would make a long term dream a reality for me. :cloud:

I’m not sure this blue bookmark icon is really needed - it would be fine, in my view, for this to be a hidden feature that power users can use to deep link to sections within posts.

Typo? Looks like this URL should be

https://github.com/acaporrini/discourse-auto-bookmarks.git

I agree strongly with this. I would love to see this feature in core even without deduping anchors within posts. The benefits far outweigh the risks.

The issues I think we would have with adding this into core is

  1. We definitely do not want all H2 / H3 etc to become hyperlinks
  2. Relying on hover here means touch has no solution
  3. Hover may be a bit noisy as you scroll around, especially since it shuffles an element on to the page

That said I am totally for some new syntax in core, if we can work it out. Something like this maybe, I don’t know:

### I am a heading

[This is a bookmark to heading](#i-am-a-heading)
2 Likes

I’m noticing an odd bug on my site - see screenshot. The alignment is off and all but first line get beginning cut off when a heading is shown that is long and goes over one line.

The syntax you are suggesting looks great to me!

I don’t think we’d need to rely on hover and agree it is noisy. Maybe headings can simply become links to themselves that can be selected via long press or ctrl/right click? Only issue there would be headings where people create links as in eg below, but not sure this would matter for the vast majority of cases.

# [this is a heading](https://someurl.com)

I still like @mcwumbly’s suggestion from back in the day:

3 Likes