Hyperlink Tooltip

[irmerk]

Is your feature request related to a problem? Please describe.
We need to style hyperlink text in the document, as well as create a popup tooltip for setting the link.

Describe the solution you'd like
There should be a popup tooltip similar to the one used in Google Docs. Use this as a vague reference, we are not looking to exactly copy it.

Describe alternatives you've considered
N/A

Additional context
The tooltip that pops up for buttons in the toolbar currently were implemented in PR #66

[ahmedkrmn]

Can I work on this?

[ahmedkrmn]

Hi @irmerk, just a quick question to make sure I'm on the right track.
Currently the link pop up is a JavaScript alert that looks as follows:

Add Link:

Add Text:

---

What you mean by "Hyperlink Tooltip" is that you want to replace the two alerts with a single popup that looks similar to the one used in Google Docs?

[irmerk]

@ahmedkrmn yes, that's what I was thinking. And again, doesn't need to be specifically like Google Docs, that's just an example. But definitely moving away from the alert style and more of a popup with text fields.

[ahmedkrmn]

@irmerk Can I use an npm React component or a JavaScript package, or should the new code be entirely written from scratch in JavaScript/CSS ?

[irmerk]

I'd hesitate to implement new libraries, especially if it's for this one component. We are utilizing styled-components and CSS Grid so far, though.

[irmerk]

This is open again. Any other contributor should view #108 as a starting point or for some context.

[sahalsaad]

Hi! I'll work on this issue. Thanks