Suggestion for adding HTML Link Attributes to Links on Steemit.com trough SteemPlus Addon

in #utopian-io6 years ago

Repository

https://github.com/stoodkev/SteemPlus
Project Website: https://steemplus.app
Project Owner: @stoodkev

Components

My idea is to improve the SteemPlus application that makes it technically possible to change the source code on a page. This is about adding another feature to the application that changes the source code after the page has been loaded, e.g. a post by a user who has published his article on Steemit.com.

Proposal Description

On the Steemit.com website there are possibilities to set links. You can include these links in your post via the HTML command <a href="url">linktext</a> or via Markdown. The Steemit.com frontend (which is improved by the SteemPlus application) only offers the possibility to open links in your own browser window. For example, if you include a link in your post to a page outside of https://steemit.com, for example https://google.com and you click on this link in the frontend, the Google page opens in the same window where you are currently reading the post.

In the frontend of steemit.com there is generally no HTML attribute in the source code of the page which says what happens when I click on a link. Thus all links are automatically set to the attribute target="_self". (This is also not displayed - it is a default setting of HTML).

enter image description here

enter image description here

  1. The screenshot shows that all links are displayed differently in the source code. At the first link where we have entered the link in HTML format at least a relation and a title attribute will be added.

  2. with a normal mention only the link relative to the path is linked and specified

  3. And if you only copy one link into the editor, nothing will be changed or added than the normal naked link.


My suggestion to improve the SteemPlus addon is that you can add a function where you can decide for yourself what to do with links on the website steemit.com.
An idea would be, for example, that all links in a post that do not refer to the website steemit.com get the HTML attribute target="_blank" and thus open in a new tab. Again, all links related to the website steemit.com, such as the link of a user's menu or the link to another post on steemit.com can be opened in the same window, since you do not leave the platform.

Summarised:

  • Open all links leading away from steemit.com in a new tab (with a normal click)
  • Open all links where the target of the click on the Steemit page remains in the same window

Mockups / Examples

enter image description here

There would be of course still further setting possibilities possible, where one can specify more exactly, which links on the web page to be indicated should behave like.

Benefits

The integration of this function improves surfing on the website steemit.com. For example, if you read a post and click on a link, you will usually be directed to the destination of the link in the same window. If this link is now opened in a new tab, you can continue reading the post in peace. I think that this improvement can be very helpful for the users who use SteemPlus as an addon for their browser.

I would be happy if @stoodkev would include this suggestion in his project.

GitHub Account

https://github.com/louis88-steemit

Sort:  

Coin Marketplace

STEEM 0.19
TRX 0.14
JST 0.030
BTC 59715.05
ETH 3186.24
USDT 1.00
SBD 2.42