BoostNote-Legacy icon indicating copy to clipboard operation
BoostNote-Legacy copied to clipboard

Tooltip on general text in markdown

Open jensmcatanho opened this issue 4 years ago • 9 comments

Current behavior

You can only add a tooltip to a text if it's a link like this:

[Boostnote](https://github.com/BoostIO/Boostnote "This is Boostnote's repository").

Boostnote

Expected behavior

I would like to be able to add a text on hover to texts that are not links, something like this:

[Boostnote]("Hover text")

Steps to reproduce

N/A

Environment

  • Boostnote version: 0.13.0
  • OS version and name: macOS Mojave

jensmcatanho avatar May 24 '20 07:05 jensmcatanho

This can be achieved with the following syntax. Note that this will highlight this word through the entire note.

### Abbreviation
The HTML specification
is maintained by the W3C.
*[HTML]: Hyper Text Markup Language
*[W3C]: World Wide Web Consortium

A workaround to get this functionality right away is to use:

[Display text](a "Hover text")

The link a won't do anything.

Making the link field optional could be a nice feature to no longer need this workaround.

P.S.: I recommend you update your Boostnote to the latest version 0.15.3

Flexo013 avatar May 24 '20 14:05 Flexo013

I tried the abbreviation syntax but I wanted to highlight just one word. I updated to the latest version and will use the workaround for now, thanks!

jensmcatanho avatar May 24 '20 17:05 jensmcatanho

Hey just use this:

[id1]: ## "your hover text"

This is a [hover text][id1] example.

Or this:

This is a [hover text](## "your hover text") example.

Works very well

Mqxx avatar Jun 06 '21 19:06 Mqxx

This can be achieved with the following syntax. Note that this will highlight this word through the entire note.

### Abbreviation
The HTML specification
is maintained by the W3C.
*[HTML]: Hyper Text Markup Language
*[W3C]: World Wide Web Consortium

A workaround to get this functionality right away is to use:

[Display text](a "Hover text")

The link a won't do anything.

Making the link field optional could be a nice feature to no longer need this workaround.

P.S.: I recommend you update your Boostnote to the latest version 0.15.3

Helped me a lot. Thanks!!!

gildoneto avatar Jul 05 '21 23:07 gildoneto

None of the recommendations really work as in each case, a link is created that really does something if i click it. It either directs to the page a that doesn't exist or it directs to the position ## that adds a direction to the browsing history. In addition, it looks like a link.

piiskop avatar Jul 28 '22 02:07 piiskop

None of the recommendations really work as in each case, a link is created that really does something if i click it. It either directs to the page a that doesn't exist or it directs to the position ## that adds a direction to the browsing history. In addition, it looks like a link.

It is possible that they changed how GitHub handles the double #. In my case it worked, but I also haven’t used it in a while.

Mqxx avatar Jul 28 '22 09:07 Mqxx

GitHub? The browser handles links, not GitHub.

piiskop avatar Jul 28 '22 21:07 piiskop