Links should be clickable

[collimarco]

If you select some text and add a link (using the link icon, near bold and italic), then the text is displayed as a link, but clicking on the link, doesn't open the link.

It would be nice to have clickable links that open the target URL when they are clicked.

This is useful to verify if the inserted link works properly.

[neSpecc]

You can use Cmd+Click or Ctrl+Click.

Clicks are disabled to prevent accidentally leaving editor page when link text editing

[collimarco]

You can use Cmd+Click or Ctrl+Click.

@neSpecc I am a developer and I didn't know that. I assume that normal end-users will never figure out to use that command combination... Also it's impossible on mobile.

Maybe you can simply use target="_blank" and allow the normal click?

Or maybe display a bubble under the link with a link preview like WordPress does?

[neSpecc]

Ok, we will think about it

[collimarco]

After thinking about this, I think that the best solution is to open a contextual menu under the link when you click it and that menu includes "remove link", "open link", etc... And when you click "open link" it actually opens it. This feature is useful for the users in order to test if the link that they have entered is correct.

[collimarco]

It would be nice to have a "link icon" (like this https://fontawesome.com/v4/icon/external-link) near the URL input field.

Something like this:

In this way you can always test the link that you have entered, especially on mobile, where there is currently no way to click/test the links entered in the editor.

[collimarco]

This is really a pain in the current implementation. For example, if you compose an email with Editor.js it's always difficult to test if the link pasted is correct and there is a risk of errors. Also, all the other writing platforms, usually allow to easily open the link to see if it works properly.

Any chance the see my proposal (comment above) implemented in future versions of Editor.js?

[neSpecc]

It would be nice to have a "link icon"

seems nice. You can make a draft for that. You'll need to update the built-in Link inline tool