Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip on general text in markdown #3579

Open
jensmcatanho opened this issue May 24, 2020 · 9 comments
Open

Tooltip on general text in markdown #3579

jensmcatanho opened this issue May 24, 2020 · 9 comments
Labels
feature request 🌟 Issue is a new feature request.

Comments

@jensmcatanho
Copy link

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
@Flexo013
Copy link
Contributor

Flexo013 commented May 24, 2020

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 Flexo013 added the feature request 🌟 Issue is a new feature request. label May 24, 2020
@jensmcatanho
Copy link
Author

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
Copy link

Mqxx commented Jun 6, 2021

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
Copy link

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
Copy link

piiskop commented Jul 28, 2022

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
Copy link

Mqxx commented Jul 28, 2022

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
Copy link

piiskop commented Jul 28, 2022

GitHub? The browser handles links, not GitHub.

@Harikarandev
Copy link

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
Copy link

Mqxx commented May 14, 2024

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".

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature request 🌟 Issue is a new feature request.
Projects
None yet
Development

No branches or pull requests

6 participants