<p><a href="#" title="A title" data-simply-field="link">Edit this link</a></p>
<!-- end of example conten -->
<p><a class="edit-button" href="#simply-edit">By pressing this link</a></p>
<pre class="code"><span class="lowlight"><a href="#" title="A title"</span> <span class="highlight">data-simply-field="link"</span><span class="lowlight">>Edit this link</a></span></pre>
<p>Hyperlinks can be an editable field as well. In addition to html content, you can set the attributes <code>href</code>, <code>name</code>, <code>title</code>, <code>rel="nofollow"</code> and <code>target="_blank"</code></p>
<p>SimplyEdit has built in knowledge about different HTML elements, like anchor (<code><A></code>). You don't have to do anything extra to make any HTML element editable.</p>
<p class="refer-back">This example is part of <a href="https://simplyedit.io/examples/" target="_blank">simplyedit.io/examples/</a>
<script src="https://cdn.simplyedit.io/1/simply-edit.js" data-api-key="codepen"></script>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.