BoostIO / BoostNote-Legacy

This repository is outdated and new Boost Note app is available! We've launched a new Boost Note app which supports real-time collaborative writing. https://github.com/BoostIO/BoostNote-App
Other
17.07k stars 1.47k forks source link

Tooltip on general text in markdown #3579

Open jensmcatanho opened 4 years ago

jensmcatanho commented 4 years ago

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

Flexo013 commented 4 years ago

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

jensmcatanho commented 4 years ago

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!

Mqxx commented 3 years ago

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

gildoneto commented 3 years ago

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!!!

piiskop commented 2 years ago

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.

Mqxx commented 2 years ago

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.

piiskop commented 2 years ago

GitHub? The browser handles links, not GitHub.

Harikarandev commented 4 months ago

hovering works for me this above suggested idea but i want to bring some stylings for the in the hovered text like bold new line and italic where i use same markdown bold italic

Mqxx commented 4 months ago

GitHub? The browser handles links, not GitHub.

@piiskop That's not entirely true... GitHub handles how the Markdown get's converted to HTML, so GitHub can also decide how links get "handled" or let's say "rendered".