- updated readme for edit link

Author: prjseal

Our.Umbraco.TagHelpers/EditLinkTagHelper.cs

@@ -1,8 +1,8 @@
-using Microsoft.AspNetCore.Razor.TagHelpers;
+using Microsoft.AspNetCore.Mvc.Rendering;
+using Microsoft.AspNetCore.Razor.TagHelpers;
 using Our.Umbraco.TagHelpers.Extensions;
 using Our.Umbraco.TagHelpers.Services;
 using System.Text;
-using Microsoft.AspNetCore.Mvc.Rendering;
 using System.Threading.Tasks;
 using Umbraco.Cms.Core.Web;
 
@@ -48,7 +48,7 @@ public override async Task ProcessAsync(TagHelperContext context, TagHelperOutpu
             // Turn <our-edit-link> into an <a> tag
             output.TagName = "a";
 
-            // An outter wrapper div if we use inbuilt styling
+            // An outer wrapper div if we use inbuilt styling
             var outerDiv = new TagBuilder("div");
 
             // Check if the user is logged in to the backoffice

README.md

@@ -230,52 +230,45 @@ There are two special Member Groups you can use:
 ## `<our-edit-link>`
 This is a tag helper element which renders an edit link on the front end only if the current user is logged into umbraco and has access to the content section. 
 
-The edit link will open the current page in the umbraco backoffice. You can override the link text and the umbraco url if you are using a different url for the backoffice. 
+The link will open the current page in the umbraco backoffice. You can override the umbraco url if you are using a different url for the backoffice.
 
 ### Simple example
-This is the most basic example. You need to pass in the id of the content item using the `content-id` attribute. The link will render wherever you put it in the HTML.
+This is the most basic example. The link will render wherever you put it in the HTML.
 
-```cshtml
-<our-edit-link content-id="@(Model.Id)" />
+```html
+<our-edit-link>Edit</our-edit-link>
 ```
 
-### Use Default Styles example
-
-If you set `use-default-styles` to `true`, it will render the link fixed to the bottom left of the screen with white text and a navy blue background.
+It will output a link link this, where 1057 is the id of the current page:
 
-```cshtml
-<our-edit-link content-id="@(Model.Id)" use-default-styles="true" />
+```html
+<a href="/umbraco#/content/content/edit/1057">Edit</a>
 ```
 
-### Changing the link text
-
-You can change the link text by adding a `text` attribute:
-
-```cshtml
-<our-edit-link content-id="@(Model.Id)" text="✍" />
-```
+### Use Default Styles example
 
-If you have a multilingual site you could use a dictionary value:
+If you add an attribute of `use-default-styles`, it will render the link fixed to the bottom left of the screen with white text and a navy blue background.
 
-```cshtml
-<our-edit-link content-id="@(Model.Id)" text="@(Umbraco.GetDictionaryValue("EditLinkText"))" />
+```html
+<our-edit-link use-default-styles>Edit</our-edit-link>
 ```
 
-### Change the edit link url
+### Change the edit url
 
 Perhaps you have changed your umbraco path to something different, you can use the `edit-url` attribute to change the umbraco edit content url:
 
-```cshtml
-<our-edit-link content-id="@(Model.Id)" edit-url="/mysecretumbracopath#/content/content/edit/" />
+```html
+<our-edit-link edit-url="/mysecretumbracopath#/content/content/edit/">Edit</our-edit-link>
 ```
 
-**Here are the other attributes you can set, just like on a normal `a` tag:**
+### Open in a new tab
+
+As the edit link is just an `a` tag, you can add the usual attributes like `target` and `class` etc.
+If you want the edit link to open in a new tab, just add the `target="_blank"` attribute.
 
-- id
-- class
-- target (defaults to `_blank`)
-- style
-- title
+```html
+<our-edit-link target="_blank">Edit</our-edit-link>
+```
 
 ## Video 📺
 [![How to create ASP.NET TagHelpers for Umbraco](https://user-images.githubusercontent.com/1389894/138666925-15475216-239f-439d-b989-c67995e5df71.png)](https://www.youtube.com/watch?v=3fkDs0NwIE8)