Link to note in mermaid diagram

Lounge
1

I was about to reply to this thread, but it's auto closed so I think sharing here might help as well.

DeepinScreenshot_joplin_20210508154251
DeepinScreenshot_joplin_20210508154251947×333 22.9 KB

  1. Get note link by right clicking on note list item, then select "Copy markdown link"
  2. Just take the url part in link obtained from 1, then change the suffix to "joplin://"
  3. Then apply the link as instructed in mermaid docs
  4. The emoji in the pic above is just a hint for myself

Courtesy of discussion in this thread

6 Likes
2

Thanks! I was trying to figure out how to do this. Unfortunately this doesn't seem to work with the graphtype flowcharts though it does worth with standard graphs.

3

Thanks @raniantheone, that's what I was looking for. :slight_smile: That's really useful.

4

Does this still work for anyone? The minimalistic example below does render a single A box correctly but nothing happens when I click on it on mobile (android) or desktop (macos). On desktop the mouse cursor becomes a clicking hand when hovering it, despite nothing happening when clicking on it.

```mermaid
graph TB
A
click A "joplin://3c8b261a3f314075b99128c4ecdfa202"
```
5

SOLVED :blush:

Simply use :/ instead of joplin:// :

```mermaid
graph TB
A
click A ":/3c8b261a3f314075b99128c4ecdfa202"
```
6

Unfortunately my solution above only works on desktop, not mobile. Any help warmly welcomed! :folded_hands:

Actually even regular external links don't work on mobile.