Sitecore Experience Editor - Edit Field support examples

 Link: Render HTML tags in link text

1.     @Html.Sitecore().Field("Link", dataSourceItem, new { text = arrowLink.Text + "<i class='arrow_icon' aria-hidden='true'></i>" })

2.     @Html.Sitecore().Field("Link", dataSourceItem, new

                           {

                               @class = "button " + buttonColorclass + " " + buttonAnimationClass,

                               text = isDonateButton == true ? @Html.Sitecore().Field("Button Image", dataSourceItem, new { @aria_hidden = "true" }) + @linkText : @linkText

                           })

 3.    using (Html.EditFrame(RenderingContext.Current.Rendering.DataSource, "Image Links Block", "Image Links Block", "Edit Image Link Block", null, null))

    {

        <div class="cell large-4 medium-6 small-6 figure">

            <a href="@imageLinkURL">

                @Html.Sitecore().Field("Cover Image", ds)

                <span class="figcaption grid-x align-center-middle">@Html.Sitecore().Field("Image Title", ds)</span>

            </a>

        </div>

    }

4.       @Html.Sitecore().Field("Link", dataSourceItem, new

       {

    text = Html.Raw("<div class='icons'>" + @Html.Sitecore().Field("Icon", dataSourceItem) + "</div><div class='info'><h2>" + @Html.Sitecore().Field("Title", dataSourceItem) + "</h2><h4>" + @Html.Sitecore().Field("Text", dataSourceItem) + "</h4></div>")

    })

Image: 

          @Html.Sitecore().Field("Cover Image", ds, new { @class = "promotion-right-img" })

           @Html.Sitecore().Field("Icon", dataSourceItem, new { @aria_hidden = "true" })

Single line Text/Richtext/Multiline Text:

@Html.Sitecore().Field("Content", renderItem)